diff --git a/trans.css b/trans.css new file mode 100644 index 0000000..5c95dd1 --- /dev/null +++ b/trans.css @@ -0,0 +1,6626 @@ +:root { + /* APP ELEMENTS */ + --app-bg: url(https://i.imgur.com/RMehJXZ.png); + --app-blur: 6px; + --app-margin: 24px; + --app-radius: 18px; + --main-rgb: 0,0,0; + --main-content-opacity: 0.27; + --sidebar-opacity: 0.34; + --main-content-color: rgba(var(--main-rgb), var(--main-content-opacity)); + --sidebar-color: rgba(var(--main-rgb), var(--sidebar-opacity)); + /* ACCENT HSL AND TEXT COLOR SETTINGS */ + --accent-hue: 260; + --accent-saturation: 83%; + --accent-lightness: 72%; + --accent-hsl: var(--accent-hue),calc(var(--accent-saturation) * var(--saturation-factor)),var(--accent-lightness); + --accent-opacity: 0.8; + --accent-text-color: hsl(0,0%,0%); + --accent-secondary-color: hsl(from hsl(var(--accent-hsl)) h calc(s * 0.6) calc(l * 0.2) / calc(var(--accent-opacity) * 0.5)); + --accent-secondary-text-color: hsl(0,0%,94%); + /* ALERT HSL AND TEXT COLOR SETTINGS */ + --alert-hue: 359; + --alert-saturation: 66.7%; + --alert-lightness: 54.1%; + --alert-hsl: var(--alert-hue),calc(var(--alert-saturation) * var(--saturation-factor)),var(--alert-lightness); + --alert-opacity: 0.8; + --alert-action-color: hsl(0,0%,100%); + --alert-text-color: hsl(0,0%,100%); + /* MENTION HSL COLOR SETTINGS */ + --mention-hue: var(--accent-hue); + --mention-saturation: var(--accent-saturation); + --mention-lightness: var(--accent-lightness); + --mention-hsl: var(--mention-hue),calc(var(--mention-saturation) * var(--saturation-factor)),var(--mention-lightness); + --mention-opacity: 1; + /* REPLY HSL COLOR SETTINGS */ + --reply-hue: 328; + --reply-saturation: 79%; + --reply-lightness: 64%; + --reply-hsl: var(--reply-hue),calc(var(--reply-saturation) * var(--saturation-factor)),var(--reply-lightness); + --reply-opacity: 1; + /* MESSAGE COLOR SETTINGS */ + --message-color: hsl(0,0%,0%,0.19); + --message-color-hover: hsl(0,0%,0%,0.28); + --message-radius: var(--app-radius); + --message-padding-top: 8px; + --message-padding-side: 8px; + --notification-color: hsl(0,0%,100%); + --list-item-radius: var(--app-radius); + /* TEXTAREA SETTINGS */ + --textarea-color: 255,255,255; + --textarea-alpha: 0.125; + --textarea-alpha-focus: 0.165; + --textarea-text-color: hsl(0,0%,100%); + --textarea-placeholder-color: hsl(0,0%,90%); + --textarea-radius: 28px; + --textarea-block-color: hsl(0,0%,0%,0.4); + --textarea-block-text-color: #ccc; + /* INPUT SETTINGS */ + --input-height: 36px; + --input-radius: calc(var(--input-height) / 2); + /* CARD SETTINGS */ + --card-color: hsl(0,0%,100%,0.14); + --card-color-hover: hsl(0,0%,100%,0.18); + --card-color-select: hsl(0,0%,100%,0.21); + --card-radius: var(--app-radius); + --card-header-shadow: 0px 3px 9px 0px hsl(0,0%,0%,0.25); + /* BUTTON SETTINGS */ + --button-height: 32px; + --button-padding: 16px; + --button-color: hsla(var(--accent-hsl),var(--accent-opacity)); + --button-action-color: hsl(0,0%,0%); + --button-text-color: var(--accent-text-color); + --button-radius: 16px; + /* SWITCH SETTINGS */ + --switch-slider-color: hsl(0,100%,100%,0.25); + --switch-knob-color: hsl(0,0%,0%,0.6); + /* CHAT SEARCH BAR SETTINGS */ + --chat-search-size: 32px; + --chat-search-pill-size: 22px; + /* POPOUT SETTINGS */ + --popout-color: hsl(0,0%,0%,0.46); + --popout-blur: 6px; + --popout-radius: 18px; + --popout-shadow: 0 20px 40px hsl(0,0%,0%,0.44); + --popout-shadow-border: inset 0 1px 1px hsl(0,100%,100%,0.35), inset 0 -1px 2px hsl(0,0%,0%,0.25), inset 0 0 0 1px hsl(0,100%,100%,0.04); + --popout-header-shadow: 0px 3px 9px 0px hsl(0,0%,0%,0.25); + --popout-header-opacity: 0.3; + --nowplaying-color: 88,101,242; + --streaming-color: 89,54,149; + --spotify-color: 29,185,84; + --server-folder-color: hsl(0,0%,100%,0.1); + --supporter-color: hsla(var(--accent-hsl),var(--accent-opacity)); + /* TOOLTIP SETTINGS */ + --tooltip-color: hsla(var(--accent-hsl),var(--accent-opacity)); + --tooltip-text-color: var(--accent-text-color); + --tooltip-font-size: 14px; + --tooltip-padding: 8px 12px; + --tooltip-radius: var(--app-radius); + --tooltip-shadow: var(--elevation-high); + /* ANIMATION SETTINGS */ + --transition-time: 250ms; + --transition-type: cubic-bezier(0.4,0,0.2,1); + /* SCROLLBAR SETTINGS */ + --scrollbar-color: 255,255,255; + --scrollbar-color-alt: 0,0,0; + --scrollbar-opacity: 0.2; + --scrollbar-opacity-hover: 0.3; + --scrollbar-width: 10px; + /* TEXT COLOR SETTINGS */ + --text-normal: var(--interactive-normal); + /* LIQUID GLASS SETTINGS */ + --c-glass: hsl(240,0%,75%); + --c-light: hsl(0,0%,100%); + --c-dark: hsl(0,0%,0%); + --glass-reflex-dark: 2; + --glass-reflex-light: 0.3; + --light-angle: 40deg; + --liquid-glass-saturation: 150%; + --liquid-glass-color-subtle: hsl(0,100%,100%,0.04); + --lx: calc(cos(var(--light-angle)) * -1.414); + --ly: calc(sin(var(--light-angle)) * -1.414); + --liquid-glass-shadow: + inset 0 0 0 1px color-mix(in srgb, var(--c-light) calc(var(--glass-reflex-light) * 10%), transparent), + inset calc(1.8px * var(--lx)) calc(3px * var(--ly)) 0px -2px color-mix(in srgb, var(--c-light) calc(var(--glass-reflex-light) * 90%), transparent), + inset calc(-2px * var(--lx)) calc(-2px * var(--ly)) 0px -2px color-mix(in srgb, var(--c-light) calc(var(--glass-reflex-light) * 80%), transparent), + inset calc(-3px * var(--lx)) calc(-8px * var(--ly)) 1px -6px color-mix(in srgb, var(--c-light) calc(var(--glass-reflex-light) * 60%), transparent), + inset calc(-0.3px * var(--lx)) calc(-1px * var(--ly)) 4px 0px color-mix(in srgb, var(--c-dark) calc(var(--glass-reflex-dark) * 12%), transparent), + inset calc(-1.5px * var(--lx)) calc(2.5px * var(--ly)) 0px -2px color-mix(in srgb, var(--c-dark) calc(var(--glass-reflex-dark) * 20%), transparent), + inset calc(0px * var(--lx)) calc(3px * var(--ly)) 2px -2px color-mix(in srgb, var(--c-dark) calc(var(--glass-reflex-dark) * 20%), transparent), + inset calc(2px * var(--lx)) calc(-4.5px * var(--ly)) 1px -4px color-mix(in srgb, var(--c-dark) calc(var(--glass-reflex-dark) * 10%), transparent); +} + +@supports (color: color-mix(in lch, red, blue)) { + .theme-dark { + /* TEXT COLOR SETTINGS */ + --text-primary: hsl(0,0%,100%); + --text-secondary: hsl(0,0%,77%); + --text-default: hsl(0,0%,86%); + --text-muted: hsl(0,0%,72%); + --channels-default: hsl(0,0%,73%); + --channel-icon: hsl(0,0%,73%); + --text-strong: hsl(0,0%,100%); + /* ICON COLOR SETTINGS */ + --icon-primary: hsl(0,0%,96%); + --icon-secondary: hsl(0,0%,84%); + --icon-tertiary: hsl(0,0%,71%); + /* INTERACTIVE COLOR SETTINGS */ + --interactive-normal: hsl(0,0%,79%); + --interactive-hover: hsl(0,0%,91%); + --interactive-active: hsl(0,0%,100%); + --interactive-muted: hsl(0,0%,43%); + /* BACKGROUND MODIFIER SETTINGS */ + --background-modifier-hover: hsl(0,0%,100%,0.075); + --background-modifier-active: hsl(0,0%,100%,0.1); + --background-modifier-selected: hsl(0,0%,100%,0.125); + --background-modifier-accent: hsl(0,0%,100%,0.175); + --background-primary: transparent; + /* ACCENT COLORED TEXT AND LINK SETTINGS */ + --text-brand: hsl(var(--accent-hsl)); + --text-link: hsl(var(--accent-hsl)); + } +} +/* + * + * APP ELEMENTS + * + */ +body, +.app__160d8, +.bg__960e4 { + background-color: transparent; +} + +.appMount__51fd7 { + background: var(--app-bg) !important; + background-repeat: no-repeat !important; + background-position: center !important; + background-size: cover !important; +} +.appMount__51fd7 * { + text-shadow: 0px 1px 2px hsla(0, 0%, 0%, 0.3); +} +.appMount__51fd7 svg { + filter: drop-shadow(0px 1px 2px hsla(0, 0%, 0%, 0.3)); +} + +::selection { + background: hsla(var(--accent-hsl), 0.65); + color: var(--accent-text-color); + text-shadow: none; +} + +.layers__160d8 { + margin-block: 0 var(--app-margin); + margin-inline: var(--app-margin); + overflow: hidden; + z-index: 1; + backdrop-filter: none; +} + +.typeMacOS__421ed + .app_a3002d .layers__160d8 { + margin: var(--app-margin); +} + +.container_a2f514 { + background: var(--app-bg); + background-repeat: no-repeat; + background-position: center; + background-size: cover; +} +.container_a2f514 .content_a2f514 { + border-radius: var(--popout-radius); + border: none; + background-color: var(--popout-color); + box-shadow: var(--popout-shadow-border), var(--popout-shadow); + backdrop-filter: blur(var(--popout-blur)) saturate(var(--liquid-glass-saturation)) brightness(1.1); + padding: 16px; +} + +.content__5e434 { + border-radius: var(--app-radius); + border: none; + background-color: transparent; + box-shadow: var(--popout-shadow-border); + backdrop-filter: blur(var(--app-blur)) saturate(var(--liquid-glass-saturation)) brightness(1.1); +} + +/* + * + * TITLE BAR + * + */ +.titleBar__421ed { + height: 24px; +} +.titleBar__421ed.withFrame__421ed { + margin-block-start: 0; +} +.titleBar__421ed.typeMacOS__421ed { + inset-block-start: var(--app-margin); + inset-inline-start: var(--app-margin); +} +.titleBar__421ed.typeMacOS__421ed .macButtons__421ed { + width: 72px; + border-top-left-radius: var(--app-radius); +} +.titleBar__421ed.typeMacOS__421ed .macButtons__421ed .macButton__421ed { + cursor: pointer; +} + +.wordmarkWindows__421ed { + color: hsl(0, 0%, 100%); +} + +/* + * + * CHANNELS LIST + * + */ +.sidebar__5e434 { + background-color: var(--sidebar-color); + border-start-start-radius: var(--popout-radius); + border-end-start-radius: var(--popout-radius); +} +.sidebar__5e434:after { + display: none; +} +.sidebar__5e434 .container__2637a { + padding-block-end: calc(var(--custom-app-panels-height, 0) + 10px); + background-color: transparent; +} +.sidebar__5e434 .scrollerBase_d125d2 { + margin-block-end: 0; +} +.sidebar__5e434 .link__2ea32 { + border-radius: var(--list-item-radius); +} +.sidebar__5e434 .voiceChannelsButton__29444:hover { + background-color: var(--background-modifier-hover); +} + +.container_f37cb1 { + background-color: transparent; +} + +.header_f37cb1 { + height: 56px; + padding-block: 0; + background-color: transparent !important; + border-block-end: none; + box-shadow: var(--popout-header-shadow); +} +.header_f37cb1 .communityInfoPill_f37cb1 { + background-color: var(--card-color); + border-radius: var(--card-radius); +} + +.sidebarList__5e434 { + backdrop-filter: none; + border: none; +} + +.content__07f91 { + border-radius: var(--list-item-radius); +} + +.container_e88f3f { + background-color: var(--card-color); + border-radius: var(--card-radius); + border: none; +} + +.progressContainer__0d0f9 { + background-color: var(--card-color); +} + +/* CHANNELS LIST -> ACTION BUTTONS */ +.actionButton-2ae9DJ { + background-color: var(--background-modifier-hover); + border-radius: var(--list-item-radius); + border: none; +} +.actionButton-2ae9DJ:hover { + background-color: var(--background-modifier-active); +} +.actionButton-2ae9DJ.actionButtonSelected-2a5GGr { + background-color: var(--background-modifier-accent); +} + +/* + * + * PANELS + * + */ +.panels__5e434 { + background-color: transparent; + border-radius: calc(var(--app-radius) / 1.5); + border: none; + box-shadow: var(--popout-shadow-border), var(--popout-shadow); +} + +.actionButtons_e131a9 .button__201d5 path[fill] { + fill: currentColor !important; +} +.actionButtons_e131a9 .button__201d5 path[stroke] { + stroke: currentColor !important; +} + +.userAvatar__55bab[style*="box-shadow: 0 0 0 0px var(--status-speaking), inset 0 0 0 2px var(--status-speaking), inset 0 0 0 3px var(--background-base-lower)"] { + box-shadow: inset 0 0 0 2px hsl(var(--accent-hsl)), inset 0 0 0 3px var(--background-base-lower) !important; +} + +.container_bd9e38 { + width: calc(100% - 16px); + margin-block: 0 8px; + margin-inline: 8px; +} +.container_bd9e38 .content_bd9e38 { + padding-block: 8px; + padding-inline: 0; +} +.container_bd9e38 .video_bd9e38 { + width: 208px !important; + height: 117px !important; + border-radius: var(--popout-radius); +} + +.container_e131a9, +.container__37e49, +.content__37e49, +.activityPanel__5e434 { + background: transparent !important; +} + +.container_e131a9 .disabledButtonWrapper__201d5 { + --button-padding: 0; + border-radius: var(--button-radius); +} + +.accountPopoutButtonWrapper__37e49 { + margin-inline-start: -4px; + padding-inline-start: 4px; +} +.accountPopoutButtonWrapper__37e49:hover { + border-radius: 20px; +} + +.listeningAlong_e0cf27 { + border-block-start: none; + border-bottom-color: var(--background-modifier-accent); +} + +/* PANELS -> QUEST */ +.wrapper__0d616 { + background-color: transparent !important; + border-radius: 0; +} + +.contentWrapper__0d616 { + background-color: transparent !important; + border-radius: 0; +} +.contentWrapper__0d616:after { + box-shadow: none !important; +} + +.backgroundWrapper_efa999 { + display: none; +} + +.heroAssetWrapper__24e2c { + border-radius: 0 !important; +} + +.heroAssetWrapper__24e2c { + filter: none !important; +} + +.legibilityGradient__24e2c { + background: none; + border-radius: 0; +} + +.heroAssetDarken__24e2c, +.heroAssetTint__24e2c { + background-color: transparent !important; + border-radius: 0; +} + +/* + * + * PRIVATE CHANNELS + * + */ +.privateChannels_e6b769, +.scroller__99e7c { + background-color: transparent !important; +} + +.privateChannels_e6b769 { + padding-block-end: calc(var(--custom-app-panels-height, 0) + 10px); +} + +.scroller__99e7c { + margin-block-end: 0; +} + +.searchBar_e6b769 { + height: 56px; + border-block-end: none; + box-shadow: var(--popout-header-shadow); +} +.searchBar_e6b769 .button_a22cb0 { + --button-background: rgba(var(--textarea-color),var(--textarea-alpha)); + --button-text-color: var(--textarea-text-color); +} + +.channel__972a0 { + border-radius: var(--list-item-radius); +} + +/* + * + * CHAT AREA + * + */ +.chat_f75fb0, +.noChannel__01d5c { + background-color: var(--main-content-color) !important; + border-start-end-radius: var(--app-radius); + border-end-end-radius: var(--app-radius); +} + +.chat_f75fb0[data-has-border=true] { + border-block-start: none; +} +.chat_f75fb0.threadSidebarOpen_f75fb0 { + border-radius: 0 var(--app-radius) var(--app-radius) 0; +} +.chat_f75fb0 .scrollerBase_d125d2 { + background-color: transparent; +} + +.chatContent_f75fb0 { + background-color: transparent; +} + +.channelChatWrapper_cb9592 { + background-color: transparent; +} + +.content_f75fb0:before { + display: none; +} + +.chatGradientBase__36d07, +.chatTypingGradientAtBottom__36d07, +.chatTypingGradientNotAtBottom__36d07 { + background: transparent; +} + +.chatTypingGradientAtBottom__36d07, +.chatTypingGradientNotAtBottom__36d07 { + height: var(--space-24); +} + +.emptyChannelIcon__00de6 { + background-color: var(--message-color); +} + +.button_fc8177 { + color: hsl(var(--accent-hsl)); +} + +.role_b4b2c3 { + background-color: var(--message-color); + border-radius: 12px; +} +.role_b4b2c3:hover { + background-color: var(--message-color-hover); +} + +.jumpToPresentBar__0f481 { + inset-block-end: 10px; + background-color: var(--popout-color); + border-radius: var(--popout-radius); + border: none; + backdrop-filter: blur(var(--popout-blur)); +} +.jumpToPresentBar__0f481 .barButtonBase__0f481 { + color: var(--text-normal); +} +.jumpToPresentBar__0f481 .spinner__46696 { + --spinner-size: auto; +} +.jumpToPresentBar__0f481 .spinnerItem-2HfQC8 { + background-color: var(--accent-text-color); +} + +.newMessagesBar__0f481 { + background-color: hsl(var(--accent-hsl), var(--accent-opacity)); + border: none; + box-shadow: none; +} +.newMessagesBar__0f481 .barButtonBase__0f481 { + color: var(--accent-text-color); +} +.newMessagesBar__0f481 .barButtonBase__0f481, +.newMessagesBar__0f481 .barButtonBase__0f481 span { + font-weight: 500; + text-shadow: none; +} + +.wrapper_d852db, +.wrapper_fc8177 { + background-color: transparent; +} + +/* + * + * VOICE & VIDEO CALL + * + */ +.wrapper__1405b .buttonSection__1405b:first-child > .attachedCaretButtonContainer_f1ceac > div:first-child .colorable_f1ceac { + --button-radius: calc(var(--popout-radius) / 1.2) 4px 4px calc(var(--popout-radius) / 1.2); +} + +.buttonSection__1405b { + background-color: var(--card-color); + border-radius: var(--popout-radius); + border: none; + box-shadow: var(--popout-shadow-border); + padding: 5px; +} +.buttonSection__1405b .button__201d5 { + position: relative; +} +.buttonSection__1405b .colorable_f1ceac { + --button-background: var(--background-modifier-active); + --button-radius: calc(var(--popout-radius) / 1.2); + height: 42px; + padding-block: 0; + padding-inline: 10px; +} +.buttonSection__1405b .colorable_f1ceac svg { + filter: none; +} +.buttonSection__1405b .contextMenuNub_f1ceac { + position: relative; + padding-block: 0; + padding-inline: 2px; + border-radius: 4px calc(var(--popout-radius) / 1.2) calc(var(--popout-radius) / 1.2) 4px; +} + +.colorable_f1ceac.disconnect_f1ceac { + --button-background: hsl(var(--alert-hsl)); + --button-radius: var(--popout-radius); + --button-text-color: var(--alert-text-color); + height: 52px; + padding-block: 0; + padding-inline: 10px; +} +.colorable_f1ceac.disconnect_f1ceac:after { + border-radius: inherit; +} +.colorable_f1ceac svg { + filter: none; +} + +/* + * + * DIRECT MESSAGES + * + */ +.wrapper_cb9592.minimum_cb9592, .wrapper_cb9592.video_cb9592 { + background-color: transparent; + box-shadow: var(--popout-header-shadow); +} +.wrapper_cb9592 .root_bfe55a, +.wrapper_cb9592 .callContainer_cb9592 { + background-color: transparent; +} +.wrapper_cb9592 .callContainer_cb9592 { + border: none; +} +.wrapper_cb9592 .container__9293f { + box-shadow: none; +} +.wrapper_cb9592 .tile__90dc5 { + border-radius: var(--card-radius); +} + +.root_bfe55a { + background-color: transparent; +} + +.controlButton__1405b svg { + filter: none; +} + +.border__2f4f7 { + border-radius: var(--card-radius); +} +.border__2f4f7[style*="box-shadow: 0 0 0 0px var(--status-speaking), inset 0 0 0 2px var(--status-speaking), inset 0 0 0 3px var(--background-base-lower);"] { + box-shadow: 0 0 0 0px hsl(var(--accent-hsl)), inset 0 0 0 2px hsl(var(--accent-hsl)), inset 0 0 0 3px var(--background-base-lower) !important; +} + +/* DIRECT MESSAGES -> SIDEBAR PROFILE */ +.aside_f58343 { + background: transparent; +} + +.custom-user-profile-theme.user-profile-sidebar.user-profile-sidebar-redesign { + border-radius: var(--popout-radius); +} +.custom-user-profile-theme.user-profile-sidebar.user-profile-sidebar-redesign .inner_c0bea0 { + border-radius: inherit; +} + +.user-profile-sidebar[style] { + border-radius: 0; +} +.user-profile-sidebar[style]:not(.custom-user-profile-theme) { + background-color: var(--sidebar-color); +} +.user-profile-sidebar[style] .inner_c0bea0 { + border-radius: 0; +} +.user-profile-sidebar[style] .inner_c0bea0 .banner__68edb { + border-radius: 0; +} +.user-profile-sidebar[style] .inner_c0bea0 * { + text-shadow: none; +} +.user-profile-sidebar[style] .inner_c0bea0 svg { + filter: none; +} + +.overlay__3b260 .button__201d5 { + --button-height: 36px !important; + --button-padding: 12px; + --button-background: transparent !important; + --button-text-color: var(--text-normal); + --button-action-color: transparent; +} + +/* + * + * FORMAT TOOLBAR + * + */ +.toolbar_bba883 { + border-radius: var(--popout-radius); + border: none; + background-color: var(--popout-color); + box-shadow: var(--popout-shadow-border), var(--popout-shadow); + backdrop-filter: blur(var(--popout-blur)) saturate(var(--liquid-glass-saturation)) brightness(1.1); + padding: var(--space-4); +} +.toolbar_bba883:before { + display: none; +} +.toolbar_bba883 .button_bba883 { + border-radius: calc(var(--popout-radius) - var(--space-4)); +} + +/* + * + * MEMBERS LIST + * + */ +.membersWrap_c8ffbb { + background-color: transparent; + border-inline-start: none; +} + +.container_c8ffbb { + background-color: transparent; +} + +.members_c8ffbb, .members_c8ffbb > div { + background-color: transparent; +} + +.member__5d473 { + background-color: transparent; +} + +.memberInner__5d473 { + height: 100%; +} + +.layout__91a9d { + border-radius: var(--list-item-radius); +} + +.botTag__82f07 { + border-radius: 5px !important; +} +.botTag__82f07.botTagRegular__82f07 { + background-color: hsla(var(--accent-hsl), var(--accent-opacity)); + color: var(--accent-text-color); +} +.botTag__82f07 .botText__82f07 { + text-shadow: none; +} +.botTag__82f07 svg { + filter: none !important; +} +.botTag__82f07 path { + fill: var(--accent-text-color); +} + +/* MEMBERS LIST -> ACTIVITIES */ +.container__0f2e8 { + background-color: var(--background-modifier-hover); +} +.container__0f2e8:hover { + background-color: var(--background-modifier-active); +} +.container__0f2e8.selected__0f2e8 { + background-color: var(--background-modifier-selected); +} + +/* + * + * SEARCH RESULTS + * + */ +.searchResultsWrap_a98f3b { + margin: var(--space-8); + margin-inline-start: 0; + background-color: hsl(from var(--sidebar-color) h s l/0.25); + border-radius: calc(var(--app-radius) / 1.5); + border-inline-start: none; + box-shadow: var(--popout-shadow-border); +} + +/* SEARCH RESULTS -> HEADER */ +.searchHeader_ae7890 { + background-color: transparent; + border-block-end: none; + box-shadow: var(--popout-header-shadow); +} + +/* SEARCH RESULTS -> MESSAGES */ +.searchResult__80bf8 { + background-color: transparent; + border: none; +} +.searchResult__80bf8:before, .searchResult__80bf8:after { + display: none; +} +.searchResult__80bf8 .wrapper_c19a55 { + margin-inline-start: 50px; + margin-inline-end: 0; +} + +.buttonsContainer__80bf8 { + inset-block-start: 16px; + inset-inline-end: 8px; +} +.buttonsContainer__80bf8 .button__80bf8 { + background-color: var(--card-color); + border-radius: var(--button-radius); + backdrop-filter: blur(5px); +} + +/* SEARCH RESULTS -> PAGINATION */ +.activeButton_c15210 { + background-color: hsla(var(--accent-hsl), var(--accent-opacity)) !important; + color: var(--accent-text-color) !important; +} + +/* + * + * STAGE + * + */ +.container__722ff, +.callContainer__722ff, +.scroller__56ccd, +.rowContainer__8a920 { + background-color: transparent; +} + +/* + * + * MAIN TEXTAREA + * + */ +.form_f75fb0 { + margin-block-start: 0; +} +.form_f75fb0:before { + display: none; +} + +.channelBottomBarArea_f75fb0 { + margin-block: 12px; + margin-inline: 0; + gap: var(--space-16); +} + +.channelTextArea__74017, +.wrapper__44df5 { + background: rgba(var(--textarea-color), var(--textarea-alpha)); + border-radius: var(--textarea-radius); + border: none; +} +.channelTextArea__74017 .scrollableContainer__74017, +.wrapper__44df5 .scrollableContainer__74017 { + background-color: transparent; +} +.channelTextArea__74017 .placeholder__1b31f, +.wrapper__44df5 .placeholder__1b31f { + color: var(--textarea-placeholder-color); +} +.channelTextArea__74017 .editor__1b31f, +.wrapper__44df5 .editor__1b31f { + color: var(--textarea-text-color); +} + +.channelTextArea__74017 { + margin: 0; + box-shadow: var(--liquid-glass-shadow); + transition: var(--transition-time) var(--transition-type) background-color !important; +} +.channelTextArea__74017:focus-within { + background-color: rgb(var(--textarea-color), var(--textarea-alpha-focus)); + box-shadow: var(--liquid-glass-shadow); +} + +.wrapper__44df5 { + margin-block: 12px; + margin-inline: 0; + padding-block: 11px; + padding-inline: 0; + box-shadow: var(--liquid-glass-shadow); +} + +.channelTextAreaDisabled__74017 .scrollableContainer__74017 { + opacity: 1; +} + +.upload_aa605f { + background-color: var(--message-color); + border-radius: calc(var(--textarea-radius) / 1.4); + border: none; +} + +.typing_b88801 { + position: absolute; + width: calc(100% - 32px); + height: 24px; + inset-block-start: -12px; + inset-inline-start: unset; + inset-inline-end: unset; + margin-block-start: 0; + margin-inline-end: 0 !important; +} +.typing_b88801.inTextChannel_b88801 { + inset-block-start: -12px; +} + +.stackedBars__74017 { + background-color: transparent; + border-block-end: 1px solid var(--background-modifier-accent); +} +.stackedBars__74017 .replyBar__841c8 { + background: transparent; +} + +.mentionButton__841c8 { + --text-link: hsl(var(--accent-hsl)); +} + +.threadSuggestionBar__841c8 { + background-color: transparent; +} + +.colorLink__201d5, .colorLink_c9946a { + color: hsl(var(--accent-hsl)); +} + +.fakeLink_ada32f { + color: hsl(var(--accent-hsl)); +} + +.before_inlineCode_ada32f, +.before_inlineCode_ada32f, +.after_inlineCode_ada32f { + background-color: var(--textarea-block-color); +} + +.before_inlineCode_ada32f { + color: var(--textarea-block-text-color); +} + +.attachWrapper__0923f { + padding: 0; +} + +.attachButton__0923f { + padding-block: var(--space-12); + padding-inline: var(--space-md) var(--space-xs); +} +.attachButton__0923f:not(.noHover__24af7):hover { + background-color: transparent; +} + +.button__24af7:not(.noHover__24af7), +.attachButtonInner__0923f, +.emojiButton__04eed { + border-radius: 16px; +} + +/* MAIN TEXTAREA -> APPS AND COMMANDS BUTTON */ +.channelAppLauncher_e6e74f { + margin: 0; +} +.channelAppLauncher_e6e74f .button_e6e74f { + background: rgba(var(--textarea-color), var(--textarea-alpha)); + border-radius: var(--textarea-radius) !important; +} + +.buttonContainer_e6e74f { + background-color: transparent; +} + +/* MAIN TEXTAREA -> SPAM FILTER */ +.spamBanner_a2eac3 { + --textarea-alpha: 0.1; + background-color: rgba(var(--textarea-color), var(--textarea-alpha)); + border-radius: var(--textarea-radius); +} + +/* + * + * THREAD + * + */ +.floating__01ae2 { + background: transparent; +} + +.chatTarget__01ae2 { + border-radius: var(--popout-radius); + border: none; + background-color: var(--main-content-color); + box-shadow: var(--popout-shadow-border), var(--popout-shadow); + backdrop-filter: blur(var(--popout-blur)) saturate(var(--liquid-glass-saturation)) brightness(1.1); +} + +.container__01ae2 { + background-color: var(--main-content-color); + border-radius: var(--app-radius); + border: none; +} + +.resizeHandle__01ae2 { + background-color: transparent; +} + +.container_fb64c9 { + background-color: transparent; +} + +.chat_fb64c9:before { + display: none; +} + +.submitContainer_fb64c9 { + margin-block: 12px; + margin-inline: var(--space-xs); +} +.submitContainer_fb64c9 .channelTextArea__74017 { + width: 100%; +} +.submitContainer_fb64c9 .sansAttachButtonCreateThread__74017 { + padding-inline-start: 24px; +} + +/* + * + * BETTERDISCORD PLUGIN -> ChannelDms + * + */ +.ChannelDms-channelmembers-wrap { + width: 240px !important; +} +.ChannelDms-channelmembers-wrap .ChannelDms-channelmembers-header { + background-color: transparent !important; +} + +.ChannelDms-channelpopout-popout .ChannelDms-channelpopout-collapseButton { + width: 24px; + height: 24px; + inset-block-start: 6px !important; + inset-inline-start: 6px !important; +} +.ChannelDms-channelpopout-popout .ChannelDms-channelpopout-removeButton { + inset-block-start: 6px !important; + inset-inline-end: 6px !important; +} +.ChannelDms-channelpopout-popout .ChannelDms-channelpopout-header { + background-color: transparent !important; + box-shadow: var(--popout-header-shadow) !important; +} +.ChannelDms-channelpopout-popout .ChannelDms-channelpopout-header .ChannelDms-channelpopout-headerTag { + margin-inline-start: 24px; +} +.ChannelDms-channelpopout-popout .ChannelDms-channelpopout-header .ChannelDms-channelpopout-buttons { + margin-inline-end: 30px; +} + +/* + * + * BETTERDISCORD PLUGIN -> ChannelTabs + * + */ +#channelTabs-container { + margin-block: calc(var(--app-margin) / 2) calc(var(--app-margin) / 4 * -1); + margin-inline: var(--app-margin); + padding: 4px !important; + background-color: var(--sidebar-color) !important; + border-radius: var(--app-radius); + backdrop-filter: blur(var(--app-blur)); +} + +.channelTabs-tabContainer { + gap: 4px; +} + +.channelTabs-tabNav { + margin: 0 !important; +} +.channelTabs-tabNav > div { + border-radius: calc(var(--app-radius) / 1.5) !important; +} + +.channelTabs-tab { + margin-block-end: 0 !important; + border-radius: calc(var(--app-radius) / 1.5) !important; +} + +.channelTabs-newTab { + width: 32px !important; + height: 32px !important; + margin: 0 !important; + border-radius: calc(var(--app-radius) / 1.5) !important; +} + +/* + * + * BETTERDISCORD PLUGIN -> CharCounter + * + */ +.charCounter-7fw40k { + position: relative; + z-index: 1; +} + +.chatCounter-XOMPsh { + bottom: auto; +} + +.charCounterAdded-zz9O4t { + margin-block-end: 24px; +} + +.counter-uAzbKp { + position: absolute !important; + width: auto; + height: 24px; + margin-block-start: -12px; + padding: 0; + line-height: 24px; + border-block-start: none; + box-sizing: border-box; + text-align: right; + font-weight: 500; + color: var(--text-muted); +} + +/* + * + * BETTERDISCORD PLUGIN -> MemberCount + * + */ +#MemberCount { + background-color: transparent !important; +} + +.membersWrap_c8ffbb.hasCounter .members_c8ffbb { + margin-block-start: 41px !important; +} + +/* + * + * BETTERDISCORD PLUGIN -> SpotifyControls + * + */ +.container_791eb8 { + border-start-start-radius: calc(var(--app-radius) / 1.5); + border-start-end-radius: calc(var(--app-radius) / 1.5); +} +.container_791eb8 .text-sm\/normal_cf4812 { + color: var(--text-subtle); +} +.container_791eb8.maximized_791eb8 .coverWrapper_791eb8 { + width: calc(100% + 15px); +} + +#vc-spotify-player { + background-color: transparent !important; +} + +/* + * + * BETTERDISCORD BUTTONS + * + */ +.bd-button { + --button-background: hsl(var(--accent-hsl),var(--accent-opacity)); + --button-shadow: var(--liquid-glass-shadow); + --button-text-color: var(--accent-text-color); + background-color: var(--button-background) !important; + border-radius: var(--button-radius); + box-shadow: var(--button-shadow) !important; + color: var(--button-text-color) !important; +} +.bd-button .bd-button-content { + background-image: none !important; +} +.bd-button .bd-button-content svg:not([fill]) .fill { + filter: none; +} +.bd-button .bd-button-content svg[fill] { + filter: none; +} + +.bd-button-tiny, +.bd-button-medium, +.bd-button-large { + height: var(--button-height); + min-height: var(--button-height); + min-width: var(--button-height); + padding: var(--button-padding); +} + +.bd-button-filled.bd-button-color-red, .bd-button-filled.bd-button-danger { + --button-background: hsl(var(--alert-hsl)); + --button-text-color: var(--alert-text-color); +} + +.bd-button-blank { + --button-background: transparent; + --button-text-color: var(--interactive-normal); +} + +.bd-button-icon { + --button-background: var(--liquid-glass-color-subtle); + opacity: 1; +} +.bd-button-icon svg { + color: var(--button-text-color) !important; +} + +.bd-button-link { + --button-padding: 12px; + --button-background: transparent; + --button-shadow: none !important; +} +.bd-button-link:after { + --button-action-color: hsl(var(--accent-hsl--material-you)); +} +.bd-button-link.bd-button-color-brand, .bd-button-link.bd-button-color-primary { + --button-text-color: hsl(var(--accent-hsl--material-you)); +} + +/* + * + * BETTERDISCORD ERRORS + * + */ +.bd-addon-error { + background-color: var(--card-color); + border-radius: var(--card-radius); + border: none; +} +.bd-addon-error:hover { + background-color: var(--card-color-hover); + border: none; +} + +/* + * + * BETTERDISCORD NOTICES + * + */ +#bd-notices { + position: absolute; + inset-block-start: var(--space-8); + inset-inline-end: var(--space-8); + z-index: 1001; +} +#bd-notices:has(.bd-notice) { + width: auto; + inset-inline-start: unset; +} + +.base__5e434:has(#bd-notices .bd-notice) { + margin-block-start: 0; +} + +.bd-notice { + display: flex; + max-width: 25vw; + height: auto; + line-height: normal; + flex-direction: column; + padding: 16px; + gap: 16px; + background-color: var(--popout-color); + border-radius: var(--popout-radius); + backdrop-filter: blur(var(--popout-blur)); + box-shadow: var(--popout-shadow); +} +.bd-notice:first-child { + border-radius: var(--popout-radius); +} +.bd-notice .bd-notice-close { + width: 18px; + height: 18px; + inset-block-start: 20px; + inset-inline-end: 20px; + -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/close.svg); + -webkit-mask-repeat: no-repeat; + background-color: var(--header-secondary); + background-image: none; + -webkit-mask-position: center; + mask-position: center; + opacity: 0.75; +} +.bd-notice .bd-notice-content { + margin-inline-end: 30px; + font-size: 1.25em; + font-weight: 400; + color: var(--header-primary) !important; + text-align: left; +} +.bd-notice .bd-notice-button { + display: flex; + height: var(--button-height); + line-height: var(--button-height); + inset-block-start: 0; + margin: 0; + justify-content: center; + background-color: hsl(var(--accent-hsl)) !important; + border-radius: var(--button-radius); + border: none; + color: var(--accent-text-color); + font-size: 1em; + font-weight: 500; +} + +/* BETTERDISCORD NOTICES -> UPDATE NOTICE */ +#bd-notifications-root { + padding: 0; +} + +.bd-notification-top-right { + inset-block-start: calc(var(--custom-app-top-bar-height) + var(--space-8)); + inset-inline-end: calc(var(--app-margin) + var(--space-8)); +} + +.bd-notification { + border-radius: var(--popout-radius); + border: none; + background-color: var(--popout-color); + box-shadow: var(--popout-shadow-border), var(--popout-shadow); + backdrop-filter: blur(var(--popout-blur)) saturate(var(--liquid-glass-saturation)) brightness(1.1); + margin-block-end: 0; + overflow: hidden; +} + +.bd-notification-footer { + background-color: transparent; +} + +.bd-notification-progress[style*="background-color: var(--bd-brand)"] { + background-color: hsl(var(--accent-hsl)) !important; +} + +/* + * + * BETTERDISCORD ADDONS + * + */ +.bd-modal-root { + border-radius: var(--popout-radius); + border: none; + background-color: var(--popout-color); + box-shadow: var(--popout-shadow-border), var(--popout-shadow); + backdrop-filter: blur(var(--popout-blur)) saturate(var(--liquid-glass-saturation)) brightness(1.1); +} +.bd-modal-root .bd-modal-footer { + background-color: transparent; + box-shadow: none; + gap: 8px; +} + +.bd-search-wrapper { + min-height: auto; + height: auto; + border-radius: var(--input-radius); + background-color: rgba(var(--textarea-color), var(--textarea-alpha)); + border: none; + box-shadow: var(--liquid-glass-shadow); + color: var(--textarea-text-color); + transition: var(--transition-time) var(--transition-type); +} +.bd-search-wrapper:has(input:focus, textarea:focus) { + background-color: rgba(var(--textarea-color), var(--textarea-alpha-focus)); + outline: none !important; +} +.bd-search-wrapper .bd-search { + color: var(--input-text-color); +} +.bd-search-wrapper .bd-search::-webkit-input-placeholder { + color: var(--input-placeholder-color); +} + +.bd-store-card { + background-color: var(--card-color); + border-radius: var(--popout-radius); + border: none; + box-shadow: var(--popout-shadow-border); +} + +.bd-addon-list .bd-addon-card { + background-color: var(--card-color); + border-radius: var(--popout-radius); + border: none; + box-shadow: var(--popout-shadow-border); +} +.bd-addon-list .bd-addon-header { + background-color: transparent; + box-shadow: var(--card-header-shadow); + border: none; +} +.bd-addon-list .bd-controls { + background-color: var(--card-color); + border-radius: var(--button-radius); + overflow: hidden; +} +.bd-addon-list .bd-controls .bd-button-filled { + --button-background: transparent; +} + +.bd-addon-store-card { + background-color: var(--card-color) !important; + border-radius: var(--card-radius); +} + +/* + * + * BETTERDISCORD SWITCHES + * + */ +.bd-switch .bd-switch-body { + --switch-color: var(--switch-slider-color); +} +.bd-switch .bd-switch-body .bd-switch-handle { + fill: var(--switch-knob-color); +} +.bd-switch input:active + .bd-switch-body { + --switch-color: var(--switch-slider-color); +} +.bd-switch input:checked + .bd-switch-body { + --switch-color: hsla(var(--accent-hsl),var(--accent-opacity)); + --switch-knob-color: var(--accent-text-color); +} +.bd-switch input:checked:active + .bd-switch-body { + --switch-color: hsla(var(--accent-hsl),var(--accent-opacity)); +} + +.bd-switch-disabled { + opacity: 0.3; + filter: none; +} + +/* + * + * VENCORD PLUGIN - MemberCount + * + */ +.vc-membercount-online, +.vc-membercount-total { + text-shadow: none; +} + +/* + * + * VENCORD PLUGIN - Oneko + * + */ +#oneko { + z-index: 2; +} + +/* + * + * VENCORD PLUGIN - ReviewDB + * + */ +.vc-rdb-modal-footer > div { + margin: 16px; +} +.vc-rdb-modal-footer .vc-rdb-review { + margin-block-start: 0 !important; + margin-inline-end: 0 !important; +} + +.vc-rdb-review { + --message-color: var(--card-color); + --message-color-hover: var(--card-color-hover); + margin-block-start: 4px !important; + margin-inline-start: 52px !important; +} +.vc-rdb-review:hover { + background-color: var(--message-color-hover) !important; +} +.vc-rdb-review .avatar_c19a55 { + inset-inline-start: -52px !important; +} + +.vc-rdb-review-comment { + margin-block-end: 0; +} + +.vc-rdb-input { + --textarea-background: rgba(var(--textarea-color), var(--textarea-alpha)); + margin-block-start: 12px !important; + background-color: var(--textarea-background) !important; + border-radius: 22px !important; + border: none !important; + box-shadow: none !important; +} +.vc-rdb-input .placeholder__1b31f { + color: var(--textarea-placeholder-color); +} +.vc-rdb-input .editor__1b31f { + color: var(--textarea-text-color); +} +.vc-rdb-input .buttons__74017 { + margin-inline-end: 0 !important; +} + +/* + * + * VENCORD BUTTONS + * + */ +.vc-card-base { + background-color: var(--card-color); + border-radius: var(--card-radius); + border: none; +} + +.vc-settings-quickActions-pill { + color: var(--text-normal); +} + +/* + * + * VENCORD SETTINGS + * + */ +.vc-settings-tab-bar { + margin-block-start: 24px; + margin-block-end: 0 !important; + padding-block-start: 10px; + border-block-end: 1px solid var(--background-modifier-accent) !important; +} +.vc-settings-tab-bar .item_aa8da2 { + margin: 8px; + padding-block: 2px; + padding-inline: 8px; + border-radius: var(--button-radius); + border-block-end: none; + line-height: 20px; + font-size: 16px; + color: var(--interactive-normal) !important; +} +.vc-settings-tab-bar .item_aa8da2:hover { + background-color: var(--background-modifier-hover) !important; + color: var(--interactive-hover) !important; +} +.vc-settings-tab-bar .item_aa8da2.selected_aa8da2 { + background-color: var(--background-modifier-selected) !important; + color: var(--interactive-active) !important; +} +.vc-settings-tab-bar .item_aa8da2:first-child { + margin-inline-start: 0; +} +.vc-settings-tab-bar .item_aa8da2:last-child { + margin-inline-end: 0; +} +.vc-settings-tab-bar + .divider_ae36e5 { + display: none; +} + +.vc-h3, .vc-h4, .vc-h5 { + color: var(--header-primary); +} + +/* VENCORD SETTINGS -> PLUGINS */ +.vc-addon-card { + background-color: var(--card-color) !important; + border-radius: var(--card-radius) !important; +} +.vc-addon-card:hover { + box-shadow: none !important; + transform: none !important; +} + +/* VENCORD SETTINGS -> NOTIFICATION */ +.vc-notification-root { + inset-block-start: calc(var(--custom-app-top-bar-height) + var(--space-8)); + inset-inline-end: calc(var(--app-margin) + var(--space-8)) !important; + bottom: unset !important; +} + +/* + * + * DISCOVER + * + */ +.scroller__23746 { + background-color: var(--main-content-color); + border-end-end-radius: var(--app-radius); +} + +/* + * + * FORUM + * + */ +.container_f369db { + background: transparent; +} + +.header_f369db { + background: rgba(var(--textarea-color), var(--textarea-alpha)); + border-radius: 24px; + border: none; + box-shadow: var(--liquid-glass-shadow); +} +.header_f369db .title_d9be46::placeholder { + color: var(--textarea-placeholder-color); + text-shadow: none; +} + +.matchingPostsRow_f369db { + margin-block-start: var(--space-4); + background-color: var(--card-color); + border-radius: 16px; + border: none; +} + +.container_ca49a1, .descriptionContainer_ca49a1 { + background-color: var(--card-color); + border-radius: var(--popout-radius); + border: none; + box-shadow: var(--popout-shadow-border); +} + +.tagsContainer_f369db { + padding-block: 16px 0; + padding-inline: 0; +} + +.sortDropdown_f369db .contents__201d5 { + color: var(--accent-text-color); +} + +.sortDropdownText_f369db { + color: inherit !important; +} + +.container_f8b2d2 { + padding: 0; + background-color: transparent; + border-radius: 0; + box-shadow: none; +} +.container_f8b2d2 .menu_c1e9c4 { + min-width: unset; +} +.container_f8b2d2 .menu_c1e9c4 .groupLabel_c1e9c4 { + padding-block-start: 0; +} + +.tagsButton_f369db { + --button-padding: 0 8px 0 12px; +} +.tagsButton_f369db.tagsButtonWithCount_f369db { + --button-padding: 8px; +} +.tagsButton_f369db .tagsButtonInner_f369db { + color: inherit; +} +.tagsButton_f369db svg { + color: var(--accent-text-color); +} + +.countContainer_f369db { + background-color: var(--accent-text-color); +} +.countContainer_f369db .countText_f369db { + color: hsl(var(--accent-hsl)); +} + +.container__5808f { + padding-block: 16px 8px; + padding-inline: 16px; +} +.container__5808f .header__5808f { + padding: 0; +} +.container__5808f .countContainer__5808f { + background-color: hsl(var(--accent-hsl)); +} +.container__5808f .countContainer__5808f .countText__5808f { + color: var(--accent-text-color); +} + +.card_f369db { + padding-block-end: 16px; +} +.card_f369db[style*="height: 558px"] { + padding-block-end: 0; +} + +/* FORUM -> PILLS */ +.pill_a2c9e8 { + background-color: var(--card-color) !important; + border: none; +} +.pill_a2c9e8.clickable_a2c9e8:hover { + background-color: var(--card-color-hover) !important; +} +.pill_a2c9e8.selected_a2c9e8 { + background-color: hsl(var(--accent-hsl), 0.3) !important; +} +.pill_a2c9e8.selected_a2c9e8:hover { + background-color: hsl(var(--accent-hsl), 0.4) !important; +} +.pill_a2c9e8.selected_a2c9e8 .lineClamp1__92431 { + color: hsl(var(--accent-hsl)); +} + +/* + * + * FORUM NEW POST + * + */ +.container_d9be46.collapsed_d9be46 { + height: auto; +} +.container_d9be46 .titleContainer_d9be46 { + min-height: 0; + gap: 8px; +} +.container_d9be46 .prefixElement_d9be46 { + position: absolute; + display: flex; + width: var(--button-height); + height: var(--button-height); + margin: 0; + justify-content: center; + z-index: 2; +} +.container_d9be46 .prefixElement_d9be46 div[role=button], +.container_d9be46 .prefixElement_d9be46 svg { + height: inherit; +} +.container_d9be46 .input__75098 { + margin: 0; + height: var(--button-height); + padding-block: 0; + padding-inline: 10px; + line-height: var(--button-height); + font-weight: 400; + text-shadow: none; + cursor: text; +} +.container_d9be46 .input__75098::-webkit-input-placeholder { + font-weight: inherit; +} +.container_d9be46 .forumPostFormButton_d9be46 { + margin: 0; + height: var(--button-height); +} +.container_d9be46 .lookFilled__201d5 { + height: var(--button-height); +} +.container_d9be46 .contentContainer_d9be46 { + padding-inline: 0 86px; +} +.container_d9be46 .form_d9be46 { + margin-inline: 40px 0; +} +.container_d9be46 .formContainer_d9be46 { + position: relative; + display: block; +} +.container_d9be46 .channelTextArea__74017 { + margin-block: 16px 0; + margin-inline: 0; + background-color: transparent; +} +.container_d9be46 .inner__74017 { + --textarea-alpha: 0.1; + padding-block: 8px; + padding-inline: 16px; + background-color: rgba(var(--textarea-color), var(--textarea-alpha)) !important; + border-radius: var(--textarea-radius); + color: var(--textarea-text-color); +} +.container_d9be46 .inner__74017::-webkit-input-placeholder { + color: var(--textarea-placeholder-color); +} + +.container__94439 { + position: absolute; + inset-block-start: calc(var(--button-height) + 16px); + inset-inline-end: 16px; +} +.container__94439 .uploadInput__94439 { + background-color: var(--card-color); + border-radius: var(--card-radius); + border: none; +} +.container__94439 .imageSmall__41ea0 { + border-radius: var(--card-radius); +} +.container__94439 .badge__94439 { + background-color: hsl(var(--accent-hsl)); + border-width: 4px; + color: var(--accent-text-color); +} + +/* + * + * FORUM POSTS + * + */ +.container__9a337, .container_faa96b { + background-color: var(--card-color); + border-radius: var(--popout-radius); + border: none; + box-shadow: var(--popout-shadow-border); + transition: var(--transition-time) var(--transition-type); +} +.container__9a337:hover, .container_faa96b:hover { + background-color: var(--card-color-hover); + box-shadow: var(--popout-shadow-border); +} +.container__9a337.isOpen__9a337, .container__9a337 .isOpen_faa96b, .container_faa96b.isOpen__9a337, .container_faa96b .isOpen_faa96b { + background-color: var(--card-color-select); + box-shadow: var(--popout-shadow-border); +} +.container__9a337:not(.isOpen__9a337, .isOpen_faa96b):hover .contentPreview__9a337, .container_faa96b:not(.isOpen__9a337, .isOpen_faa96b):hover .contentPreview__9a337 { + background-color: var(--card-color); +} + +.pinIcon__08166 { + background-color: hsl(var(--accent-hsl)); +} +.pinIcon__08166 svg { + filter: none; +} +.pinIcon__08166 path { + fill: var(--accent-text-color); +} + +.contentPreview__9a337, +.textContentFooter__9a337 { + background-color: var(--card-color-hover); +} + +.contentPreview__9a337 { + border-radius: var(--card-radius); + border: none; +} + +.textContentFooter__9a337 { + background: transparent !important; +} + +.box_ee23ac { + background-color: var(--card-color); + border-radius: var(--card-radius); + border: none; +} +.box_ee23ac:after { + inset-inline-start: 50px; +} + +.container__34c2c { + background-color: transparent; + border-radius: var(--popout-radius); + border: none; + overflow: hidden; +} +.container__34c2c::before { + position: absolute; + content: " "; + width: 100%; + height: 100%; + inset: 0; + background: linear-gradient(var(--popout-color)), var(--app-bg); + background-size: cover; + background-position: center; + background-attachment: fixed; + background-repeat: no-repeat; + border-radius: inherit; + box-shadow: var(--popout-shadow-border), var(--popout-shadow); + filter: blur(var(--popout-blur)) saturate(var(--liquid-glass-saturation)) brightness(1.1); + pointer-events: none; + z-index: -1; +} + +.buttons__34c2c .button__201d5 { + --button-padding: 0; +} + +/* + * + * HEADER BAR + * + */ +.container__9293f { + height: 56px; + border-block-start: none; + border-block-end: none; + box-shadow: var(--popout-header-shadow); +} +.container__9293f:before { + display: none; +} +.container__9293f.themed__9293f { + background-color: transparent; +} + +.children__9293f:after { + display: none; +} + +.akaBadge__27cd4 { + background-color: var(--card-color); +} + +.returnButton__0b563, .returnButton_c791b2 { + --button-height: 32px; +} + +.returnButtonText__0b563, .returnButtonText_c791b2 { + font-size: 1em; +} +.returnButtonText__0b563, +.returnButtonText__0b563 *, .returnButtonText_c791b2, +.returnButtonText_c791b2 * { + color: var(--accent-text-color) !important; +} + +/* + * + * HEADER SEARCH BAR + * + */ +.search_c322aa .DraftEditor-root .DraftEditor-editorContainer { + height: var(--chat-search-size); +} +.search_c322aa .DraftEditor-root .public-DraftStyleDefault-block { + display: flex; + height: var(--chat-search-size); + line-height: var(--chat-search-size); + font-size: 15px; +} +.search_c322aa .DraftEditor-root .public-DraftStyleDefault-block span { + line-height: var(--chat-search-size); + font-size: 15px; +} +.search_c322aa .DraftEditor-root .public-DraftEditorPlaceholder-root { + color: var(--input-placeholder-color); +} +.search_c322aa .DraftEditor-root .public-DraftEditorPlaceholder-inner { + height: var(--chat-search-size); + line-height: var(--chat-search-size); + font-size: 15px; +} +.search_c322aa .public-DraftEditor-content > div[data-contents=true] { + height: inherit; +} + +.searchBar_c322aa { + height: var(--chat-search-size); + padding-block: 0; + padding-inline: 4px; + background-color: rgba(var(--textarea-color), var(--textarea-alpha)); + border-radius: calc(var(--chat-search-size) / 2); + border: none; + box-shadow: var(--liquid-glass-shadow); +} + +.DraftEditor-editorContainer { + height: var(--chat-search-size); +} + +.searchToken_bd8186, +.searchFilter_bd8186 + span[data-offset-key], +.searchAnswer_bd8186 span[data-offset-key] { + --chat-search-size: var(--chat-search-pill-size); + display: flex; + height: var(--chat-search-pill-size); + margin-block: auto; + margin-inline: 0; + background-color: var(--textarea-block-color); + border: none; + color: var(--textarea-block-text-color); +} + +.searchToken_bd8186.searchFilter_bd8186 { + padding-block: 0; + padding-inline: 8px 4px; + border-radius: calc(var(--chat-search-pill-size) / 2) 0 0 calc(var(--chat-search-pill-size) / 2); +} +.searchToken_bd8186.searchAnswer_bd8186 { + border-radius: 0 calc(var(--chat-search-pill-size) / 2) calc(var(--chat-search-pill-size) / 2) 0; +} +.searchToken_bd8186.searchAnswer_bd8186 span[data-offset-key] { + margin-block-start: -1px; + padding-inline-end: 4px; + background-color: transparent; +} + +.searchFilter_bd8186 + span[data-offset-key], +.searchAnswer_bd8186 span[data-offset-key] { + padding-inline-end: 4px; + border-radius: 0 calc(var(--chat-search-pill-size) / 2) calc(var(--chat-search-pill-size) / 2) 0; +} + +/* + * + * BUTTONS + * + */ +.button__201d5 { + border-radius: var(--button-radius) !important; +} +.button__201d5 * { + text-shadow: none; +} +.button__201d5 .text-sm\/medium_cf4812, +.button__201d5 .text-sm\/semibold_cf4812, +.button__201d5 .text-sm\/bold_cf4812, +.button__201d5 .text-md\/semibold_cf4812, +.button__201d5 .contents__201d5 { + color: inherit !important; + font-weight: 500; +} + +.sizeSmall__201d5, +.sizeMedium__201d5, +.sizeLarge__201d5, +.sizeXlarge__6885c { + height: var(--button-height); + min-height: var(--button-height); + min-width: var(--button-height); + padding-block: 0 !important; + padding-inline: var(--button-padding) !important; +} + +.lookFilled__201d5, +.lookOutlined__201d5, +.lookLink__201d5, +.lookInverted_a299dc { + --button-background: hsl(var(--accent-hsl),var(--accent-opacity)); + --button-text-color: var(--accent-text-color); + --button-outline: none; + background-color: var(--button-background) !important; + border: var(--button-outline) !important; + color: var(--button-text-color) !important; + border: var(--button-outline) !important; + box-shadow: var(--liquid-glass-shadow) !important; +} +.lookFilled__201d5:after, +.lookOutlined__201d5:after, +.lookLink__201d5:after, +.lookInverted_a299dc:after { + position: absolute; + content: " "; + width: 100%; + height: 100%; + inset-block-start: 0; + inset-inline-start: 0; + background-color: var(--button-action-color); + border-radius: var(--button-radius); + opacity: 0; + pointer-events: none; + transition: var(--default-time) var(--default-animation) opacity; +} +.lookFilled__201d5:hover:after, +.lookOutlined__201d5:hover:after, +.lookLink__201d5:hover:after, +.lookInverted_a299dc:hover:after { + opacity: 0.075; +} +.lookFilled__201d5:active:after, +.lookOutlined__201d5:active:after, +.lookLink__201d5:active:after, +.lookInverted_a299dc:active:after { + opacity: 0.15; +} +.lookFilled__201d5 .contents__201d5, +.lookFilled__201d5 .defaultColor__77578, .lookFilled__201d5 .defaultColor_e9e35f, .lookFilled__201d5 .defaultColor__4bd52, +.lookOutlined__201d5 .contents__201d5, +.lookOutlined__201d5 .defaultColor__77578, +.lookOutlined__201d5 .defaultColor_e9e35f, +.lookOutlined__201d5 .defaultColor__4bd52, +.lookLink__201d5 .contents__201d5, +.lookLink__201d5 .defaultColor__77578, +.lookLink__201d5 .defaultColor_e9e35f, +.lookLink__201d5 .defaultColor__4bd52, +.lookInverted_a299dc .contents__201d5, +.lookInverted_a299dc .defaultColor__77578, +.lookInverted_a299dc .defaultColor_e9e35f, +.lookInverted_a299dc .defaultColor__4bd52 { + color: var(--button-text-color); +} +.lookFilled__201d5 .contents__201d5 svg, +.lookFilled__201d5 .defaultColor__77578 svg, .lookFilled__201d5 .defaultColor_e9e35f svg, .lookFilled__201d5 .defaultColor__4bd52 svg, +.lookOutlined__201d5 .contents__201d5 svg, +.lookOutlined__201d5 .defaultColor__77578 svg, +.lookOutlined__201d5 .defaultColor_e9e35f svg, +.lookOutlined__201d5 .defaultColor__4bd52 svg, +.lookLink__201d5 .contents__201d5 svg, +.lookLink__201d5 .defaultColor__77578 svg, +.lookLink__201d5 .defaultColor_e9e35f svg, +.lookLink__201d5 .defaultColor__4bd52 svg, +.lookInverted_a299dc .contents__201d5 svg, +.lookInverted_a299dc .defaultColor__77578 svg, +.lookInverted_a299dc .defaultColor_e9e35f svg, +.lookInverted_a299dc .defaultColor__4bd52 svg { + filter: none; +} + +.lookLink__201d5 { + --button-background: var(--liquid-glass-color-subtle); + --button-text-color: hsl(var(--accent-hsl),var(--accent-opacity)); + --button-action-color: transparent; +} +.lookLink__201d5:hover .contents__201d5 { + background-image: linear-gradient(0deg, transparent, transparent 1px, hsl(var(--accent-hsl)) 0, hsl(var(--accent-hsl)) 2px, transparent 0) !important; +} + +/* BUTTONS -> CALL BUTTONS */ +.colorable_f1ceac { + --button-background: var(--background-modifier-hover); + --button-text-color: #fff; + --button-radius: 50%; + background-color: var(--button-background) !important; + color: var(--button-text-color) !important; +} +.colorable_f1ceac:after { + position: absolute; + content: " "; + width: 100%; + height: 100%; + inset-block-start: 0; + inset-inline-start: 0; + background-color: var(--button-action-color); + border-radius: 50%; + opacity: 0; + pointer-events: none; + transition: var(--default-time) var(--default-animation) opacity; +} +.colorable_f1ceac:hover:after { + opacity: 0.075; +} +.colorable_f1ceac:active:after { + opacity: 0.15; +} +.colorable_f1ceac.primaryDark_f1ceac { + --button-background: hsl(var(--accent-hsl),var(--accent-opacity)); + --button-text-color: var(--accent-text-color); +} +.colorable_f1ceac.red_f1ceac { + --button-background: hsl(var(--alert-hsl),var(--alert-opacity)); + --button-text-color: var(--alert-text-color); +} +.colorable_f1ceac.white_f1ceac { + --button-background: #fff; + --button-text-color: #060607; +} +.colorable_f1ceac.primaryLight_f1ceac { + --button-text-color: #060607; +} +.colorable_f1ceac.activeLight_f1ceac { + --button-background: var(--background-modifier-active); + --button-text-color: #060607; +} +.colorable_f1ceac .centerIcon_f1ceac { + color: var(--button-text-color) !important; +} + +.colorRed__201d5 { + --button-background: hsl(var(--alert-hsl),var(--alert-opacity)); + --button-text-color: var(--alert-text-color); + --button-action-color: var(--alert-action-color); +} + +.questionMark-3V9mGJ { + background-color: hsl(var(--accent-hsl), var(--accent-opacity)); + border-radius: 50%; +} +.questionMark-3V9mGJ .icon-3JHfo7 { + color: var(--accent-text-color); + filter: none; +} + +/* BUTTONS -> BUTTON V2 */ +.button_a22cb0 { + --button-background: hsl(var(--accent-hsl),var(--accent-opacity)); + --button-text-color: var(--accent-text-color); + --button-outline: none; + background-color: var(--button-background) !important; + border: var(--button-outline) !important; + color: var(--button-text-color) !important; + border: var(--button-outline) !important; + box-shadow: var(--liquid-glass-shadow) !important; +} +.button_a22cb0:after { + position: absolute; + content: " "; + width: 100%; + height: 100%; + inset-block-start: 0; + inset-inline-start: 0; + background-color: var(--button-action-color); + border-radius: var(--button-radius); + opacity: 0; + pointer-events: none; + transition: var(--transition-time) var(--transition-type) opacity; +} +.button_a22cb0:hover:after { + opacity: 0.075; +} +.button_a22cb0:active:after { + opacity: 0.15; +} +.button_a22cb0 .buttonChildrenWrapper_a22cb0 { + min-width: 0 !important; + height: var(--button-height); + padding: 0 !important; + line-height: var(--button-height); + color: inherit; + overflow: visible; +} +.button_a22cb0 .buttonChildrenWrapper_a22cb0 svg { + height: var(--button-height); +} +.button_a22cb0 .text-sm\/medium_cf4812, +.button_a22cb0 .text-md\/medium_cf4812, +.button_a22cb0 .text-lg\/medium_cf4812 { + text-shadow: none; +} + +/* BUTTONS -> BUTTON V2 -> COLORS */ +.primary_a22cb0 { + --button-background: hsl(var(--accent-hsl),var(--accent-opacity)); + --button-text-color: var(--accent-text-color); +} + +.secondary_a22cb0 { + --button-background: var(--accent-secondary-color); + --button-text-color: var(--accent-secondary-text-color); +} + +.critical-primary_a22cb0 { + --button-background: hsl(var(--alert-hsl),var(--alert-opacity)); + --button-text-color: var(--alert-text-color); +} + +.critical-secondary_a22cb0 { + --button-background: hsl(from hsl(var(--alert-hsl)) h s l / 0.25); + --button-text-color: hsl(from hsl(var(--alert-hsl)) h s calc(l * 0.96)); +} + +/* BUTTONS -> BUTTON V2 -> SIZES */ +.sm_a22cb0, +.md_a22cb0, +.lg_a22cb0 { + min-width: var(--button-height) !important; + height: var(--button-height) !important; + min-height: var(--button-height) !important; + padding-block: 0 !important; + padding-inline: var(--button-padding) !important; + line-height: var(--button-height) !important; + border-radius: var(--button-radius) !important; +} + +.icon-only_a22cb0 { + --button-padding: 0; + --button-background: var(--liquid-glass-color-subtle); + --button-text-color: var(--text-primary); +} + +.button_a22cb0 .contents__201d5, +.button_a22cb0 .text-sm\/medium_cf4812 { + font-weight: 500 !important; +} + +/* + * + * CARDS + * + */ +.card__73069, +.cardPrimary__73069, +.backgroundAccent__4cd16 { + background-color: var(--card-color) !important; + border-radius: var(--popout-radius) !important; + border: none !important; + box-shadow: var(--popout-shadow-border) !important; +} + +.cardPrimary__73069 { + border-style: solid !important; + border-width: 1px !important; + border-color: transparent !important; +} +.cardPrimary__73069 .cardHeader_b44011 { + background-color: unset; + border-block-end: 1px solid var(--card-color); +} +.cardPrimary__73069 .group_f5fff4 { + background-color: var(--card-color); + border-radius: var(--button-radius); + border: none; + overflow: hidden; +} + +.button__9a406 { + background-color: var(--card-color) !important; +} +.button__9a406:hover { + background-color: var(--card-color-hover) !important; +} + +.cardWrapper_aae012 { + background-color: var(--card-color); + border-radius: var(--popout-radius); + border: none; + box-shadow: var(--popout-shadow-border); +} + +.card__11580:hover, .card_aae012:hover { + background-color: transparent; +} + +.upsellContainer__73000 { + background-color: var(--card-color); + border-radius: var(--popout-radius); + border: none; + box-shadow: var(--popout-shadow-border); +} +.upsellContainer__73000 .upsellFooter__73000 { + background-color: transparent; +} + +.dropsHelpText_e8af36, +.promotionCard_d4883c { + background-color: var(--card-color); + border-radius: var(--popout-radius); + border: none; + box-shadow: var(--popout-shadow-border); +} + +/* + * + * CHECKBOXES + * + */ +.checkboxIndicator__714a9 { + background-color: transparent; + border-width: 2px; + border-radius: 4px; + border-color: hsla(var(--accent-hsl), var(--accent-opacity)); + transition: var(--default-time) var(--default-animation) border-color, var(--default-time) var(--default-animation) background-color; +} + +.checkboxOption__714a9[data-selected]:hover:not([data-disabled]) .checkboxIndicator__714a9 { + background-color: hsla(var(--accent-hsl), var(--accent-opacity)); +} +.checkboxOption__714a9[data-selected] .checkboxIndicator__714a9 { + background-color: hsla(var(--accent-hsl), var(--accent-opacity)); + background-color: hsla(var(--accent-hsl), var(--accent-opacity)); +} +.checkboxOption__714a9[data-selected] .checkmark__714a9, +.checkboxOption__714a9[data-selected] .checkStroke__714a9 { + color: var(--accent-text-color); + filter: none; +} + +/* + * + * INPUTS + * + */ +.wrapper__72c38 { + min-height: var(--input-height); + height: var(--input-height); + border-radius: var(--input-radius); + background-color: rgba(var(--textarea-color), var(--textarea-alpha)); + border: none; + box-shadow: var(--liquid-glass-shadow); + color: var(--textarea-text-color); + transition: var(--transition-time) var(--transition-type); +} +.wrapper__72c38:has(input:focus, textarea:focus) { + background-color: rgba(var(--textarea-color), var(--textarea-alpha-focus)); + outline: none !important; +} +.wrapper__72c38 .input__75098 { + background-color: transparent; +} +.wrapper__72c38 .input__75098::-webkit-input-placeholder { + color: var(--input-placeholder-color); +} + +.multiInput-1VARjC .wrapper__72c38 { + margin-inline-end: 8px; +} + +.multiInputLast-35zVz0:before { + display: none; +} + +.fileUploadInput__8b203 { + width: auto; +} + +.fileUploadButton__8b203 { + padding-block: 0; + padding-inline: 12px; +} + +/* INPUTS -> OPTION PILLS */ +.optionPill_a16aea { + background-color: var(--textarea-block-color) !important; + border-radius: var(--button-radius); + border-color: transparent !important; +} +.optionPill_a16aea.selectedPill__3f413 { + border-color: hsl(var(--accent-hsl)) !important; +} +.optionPill_a16aea.erroredPill__3f413 { + border-color: hsl(var(--alert-hsl)) !important; +} +.optionPill_a16aea .optionPillKey__3f413 { + background-color: var(--textarea-block-color) !important; + border-top-left-radius: inherit; + border-bottom-left-radius: inherit; +} + +/* + * + * NOTICES + * + */ +.notice__6e2b9 { + box-shadow: none; +} +.notice__6e2b9.colorInfo__680aa, .notice__6e2b9.colorBrand1-2u_MN9 { + background-color: hsla(var(--accent-hsl), var(--accent-opacity)); + color: var(--accent-text-color); +} +.notice__6e2b9.colorInfo__680aa .closeButton__90904, .notice__6e2b9.colorBrand1-2u_MN9 .closeButton__90904 { + opacity: 0.75; +} +.notice__6e2b9.colorInfo__680aa .closeButton__90904:hover, .notice__6e2b9.colorBrand1-2u_MN9 .closeButton__90904:hover { + opacity: 1; +} +.notice__6e2b9.colorBrand1-2u_MN9, .notice__6e2b9.colorStreamerMode__6e2b9 { + border-radius: 0; +} +.notice__6e2b9.colorBrand1-2u_MN9 .button-YGmtzG:after { + opacity: 0.15; +} + +/* + * + * RADIO BUTTONS + * + */ +.radioGroupOption__64e61[data-selected] .outerRadioBase__64e61, +.radioGroupOption__64e61[data-selected] .outerRadioFill__64e61 { + fill: hsla(var(--accent-hsl), var(--accent-opacity)); +} +.radioGroupOption__64e61[data-selected] .innerDotRadio__64e61 { + fill: var(--accent-text-color); +} +.radioGroupOption__64e61[data-selected]:not([data-disabled]):hover .outerRadioBase__64e61, +.radioGroupOption__64e61[data-selected]:not([data-disabled]):hover .outerRadioFill__64e61 { + fill: hsla(var(--accent-hsl)); +} +.radioGroupOption__64e61[data-selected]:not([data-disabled]):hover .innerDotRadio__64e61 { + fill: var(--accent-text-color); +} + +/* + * + * SELECT MENUS + * + */ +.wrapper_a16aea.wrapper__72c38 { + min-height: var(--input-height); + height: var(--input-height); + padding: var(--input-padding); + background-color: var(--input-color); + border-radius: var(--input-radius); + border: none; +} + +.container_a16aea[data-variant=text-only] .select_a16aea { + background-color: var(--liquid-glass-color-subtle); +} + +.select_a16aea { + padding-block: var(--space-8); + padding-inline: var(--space-16) var(--space-8); +} +.select_a16aea .subtitle_e9c087 { + color: var(--text-muted); +} + +.popout_a16aea { + border-radius: var(--popout-radius); + border: none; + background-color: var(--popout-color); + box-shadow: var(--popout-shadow-border), var(--popout-shadow); + backdrop-filter: blur(var(--popout-blur)) saturate(var(--liquid-glass-saturation)) brightness(1.1); + padding-block: var(--space-8); + padding-inline: var(--space-8) !important; +} +.popout_a16aea:not(.popoutPositionTop_a16aea) { + margin-block-start: var(--space-8); +} +.popout_a16aea.popoutPositionTop_a16aea { + margin-block-end: var(--space-8); + border-radius: var(--popout-radius); +} +.popout_a16aea .option_a16aea { + border-radius: calc(var(--popout-radius) - var(--space-8)); +} +.popout_a16aea .option_a16aea:hover { + background-color: var(--background-modifier-hover); +} +.popout_a16aea .option_a16aea[aria-selected=true] { + background-color: var(--background-modifier-selected) !important; +} + +/* + * + * SLIDERS + * + */ +.bar_a562c8 { + background-color: var(--background-modifier-selected) !important; +} +.bar_a562c8 .barFill_a562c8 { + background-color: hsla(var(--accent-hsl), calc(var(--accent-opacity) * 0.8)); +} + +.grabber_a562c8 { + background-color: hsla(var(--accent-hsl), var(--accent-opacity)); + border-color: hsla(var(--accent-hsl), var(--accent-opacity)); + box-shadow: var(--popout-shadow); +} + +/* + * + * SWITCHES + * + */ +.switchIndicator_a28278 { + background-color: var(--switch-slider-color) !important; + border: none !important; + box-shadow: var(--liquid-glass-shadow); +} +.switchIndicator_a28278:has(.thumb_a28278[style="left: 24px;"]) { + --switch-slider-color: hsl(var(--accent-hsl), var(--accent-opacity)); + --switch-knob-color: hsl(from var(--accent-text-color) h s l / var(--accent-opacity)); +} +.switchIndicator_a28278 .thumb_a28278 { + margin: 0; + filter: none; +} +.switchIndicator_a28278 .thumb_a28278 rect { + fill: var(--switch-knob-color) !important; +} +.switchIndicator_a28278 .thumb_a28278 svg path { + fill: var(--switch-slider-color); +} + +/* + * + * TAB BAR + * + */ +.tabBar__133bf, .tabBar_f8303a, .tabBar_d6f9e9, .tabBar__81b3e, .tabBar_d1d9f3 { + padding-block: 16px; + padding-inline: 0; + gap: 24px; +} +.tabBar__133bf .item_aa8da2, .tabBar_f8303a .item_aa8da2, .tabBar_d6f9e9 .item_aa8da2, .tabBar__81b3e .item_aa8da2, .tabBar_d1d9f3 .item_aa8da2 { + min-width: 40px; + margin: 0; + padding-block: 2px; + padding-inline: 8px; + background-color: transparent !important; + border-radius: var(--button-radius); + border-block-end: none; + line-height: 20px; + font-size: 16px; + color: var(--interactive-normal) !important; +} +.tabBar__133bf .item_aa8da2:first-child, .tabBar_f8303a .item_aa8da2:first-child, .tabBar_d6f9e9 .item_aa8da2:first-child, .tabBar__81b3e .item_aa8da2:first-child, .tabBar_d1d9f3 .item_aa8da2:first-child { + margin-inline-start: 0; +} +.tabBar__133bf .item_aa8da2:after, .tabBar_f8303a .item_aa8da2:after, .tabBar_d6f9e9 .item_aa8da2:after, .tabBar__81b3e .item_aa8da2:after, .tabBar_d1d9f3 .item_aa8da2:after { + display: none; +} +.tabBar__133bf .item_aa8da2:hover, .tabBar_f8303a .item_aa8da2:hover, .tabBar_d6f9e9 .item_aa8da2:hover, .tabBar__81b3e .item_aa8da2:hover, .tabBar_d1d9f3 .item_aa8da2:hover { + background-color: var(--background-modifier-hover) !important; + color: var(--interactive-hover) !important; +} +.tabBar__133bf .item_aa8da2.selected_aa8da2, .tabBar_f8303a .item_aa8da2.selected_aa8da2, .tabBar_d6f9e9 .item_aa8da2.selected_aa8da2, .tabBar__81b3e .item_aa8da2.selected_aa8da2, .tabBar_d1d9f3 .item_aa8da2.selected_aa8da2 { + background-color: var(--background-modifier-selected) !important; + color: var(--interactive-active) !important; +} +.tabBar__133bf .item_aa8da2 + .item_aa8da2, .tabBar_f8303a .item_aa8da2 + .item_aa8da2, .tabBar_d6f9e9 .item_aa8da2 + .item_aa8da2, .tabBar__81b3e .item_aa8da2 + .item_aa8da2, .tabBar_d1d9f3 .item_aa8da2 + .item_aa8da2 { + margin-inline-start: 0; +} + +/* + * + * TOASTS + * + */ +.toast, +.bd-toast { + inset-block-start: -56px; + margin-block-start: 8px; + padding: 10px !important; + border-radius: 16px; + color: var(--text-normal); +} + +.bd-toast:before { + background-color: rgba(0, 0, 0, 0.5); + border-radius: 17px; +} + +/* + * + * TOOLTIP + * + */ +.tooltip_fa450d { + background-color: var(--tooltip-color) !important; + border-radius: var(--tooltip-radius); + backdrop-filter: blur(var(--popout-blur)); + z-index: 1004; +} +.tooltip_fa450d .tooltipPointer_c36707 { + border-top-color: var(--tooltip-color) !important; +} +.tooltip_fa450d .tooltipContent_c36707, +.tooltip_fa450d .guildNameText_b1f768, +.tooltip_fa450d .clickCTA__0f481 { + color: var(--tooltip-text-color); + text-shadow: none; +} +.tooltip_fa450d .anchor_edefb8 { + color: var(--tooltip-text-color); + text-decoration: underline; +} +.tooltip_fa450d .tooltipText__0ca35, .tooltip_fa450d .emojiTooltipText__040f0, +.tooltip_fa450d .activityIcon_b1f768, +.tooltip_fa450d .text-sm\/medium_cf4812, +.tooltip_fa450d .text-md\/semibold_cf4812 { + color: var(--tooltip-text-color) !important; + text-shadow: none; +} +.tooltip_fa450d .muteText_b1f768 { + color: var(--accent-text-color) !important; +} + +.caretIcon_fa450d { + display: none; +} + +.listItemTooltipContent__91816 { + color: var(--tooltip-text-color); + text-shadow: none; +} + +/* TOOLTIP -> UPSELLS */ +.reactionTooltip_bbcccb.caretTopCenter__675aa:after, +.upsellTooltipWrapper__675aa.caretTopCenter__675aa:after { + border-bottom-color: var(--popout-color); +} + +/* + * + * ACTIVITY LIST + * + */ +.nowPlayingColumn__133bf, +.container__7d20c { + background-color: transparent; +} + +.scroller__7d20c { + margin-inline-start: 0; +} + +.emptyCard__7e549 { + background-color: var(--card-color); + border-radius: var(--card-radius); +} + +.interactive_bf1984 { + background-color: var(--card-color) !important; + border-radius: var(--popout-radius) !important; + border: none !important; + box-shadow: var(--popout-shadow-border) !important; +} +.interactive_bf1984 .inset_bf1984 { + background-color: transparent; +} +.interactive_bf1984 .section__00943 { + margin-block-end: 2px; +} +.interactive_bf1984 .section__00943:last-of-type { + margin-block-end: 0; +} +.interactive_bf1984 .separator__00943 { + display: none; +} + +/* + * + * ADD FRIEND + * + */ +.addFriendInputWrapper__72ba7 { + padding: 0; + background-color: transparent; + border: none; +} +.addFriendInputWrapper__72ba7 .addFriendInput__72ba7 { + padding: 0; +} +.addFriendInputWrapper__72ba7 .addFriendInput__72ba7 .input__75098 { + padding-block: 0; + padding-inline: 12px; +} +.addFriendInputWrapper__72ba7 .addFriendInput__72ba7 .input__75098::-webkit-input-placeholder { + color: var(--textarea-placeholder-color); +} +.addFriendInputWrapper__72ba7 .addFriendHint__72ba7 { + height: var(--input-height); + line-height: var(--input-height); + inset-block-start: 1px; + padding-block: 0; + padding-inline: 12px; + color: var(--textarea-placeholder-color); +} + +/* + * + * FRIENDS LIST + * + */ +.container__133bf { + background-color: var(--main-content-color) !important; + border-start-end-radius: var(--app-radius); + border-end-end-radius: var(--app-radius); + border-block-start: none; +} + +.tabBody__133bf { + background-color: transparent; +} +.tabBody__133bf:before { + display: none; +} + +.blockedIgnoredSettingsNotice__6811a { + background-color: var(--card-color); + border-radius: var(--card-radius); +} + +.peopleListItem_cc6179:hover { + background-color: var(--card-color-hover); + border-radius: var(--list-item-radius); +} +.peopleListItem_cc6179.active_cc6179 { + background-color: var(--card-color-select); +} +.peopleListItem_cc6179 .actionButton_f8fa06 { + background-color: var(--background-modifier-active); +} + +/* + * + * LIBRARY + * + */ +.container__8a529 { + background-color: var(--main-content-color); +} +.container__8a529 .container__33507 { + min-height: auto; + height: auto; + border-radius: var(--input-radius); + background-color: rgba(var(--textarea-color), var(--textarea-alpha)); + border: none; + box-shadow: var(--liquid-glass-shadow); + color: var(--textarea-text-color); + transition: var(--transition-time) var(--transition-type); +} +.container__8a529 .container__33507:has(input:focus, textarea:focus) { + background-color: rgba(var(--textarea-color), var(--textarea-alpha-focus)); + outline: none !important; +} + +/* + * + * MESSAGE REQUESTS + * + */ +.list_f391e3 .sectionTitle_f391e3 { + color: var(--header-secondary); +} + +.messageRequestItem_abb9ad:hover, .messageRequestItem_abb9ad.selected_f391e3, .messageRequestItem_abb9ad .selected_dcc822 { + border-radius: var(--card-radius); +} +.messageRequestItem_abb9ad:hover { + background-color: var(--card-color-hover); +} +.messageRequestItem_abb9ad.selected_f391e3, .messageRequestItem_abb9ad .selected_dcc822 { + background-color: var(--card-color-select); +} +.messageRequestItem_abb9ad .actionButton-3GQIiT { + background-color: var(--background-modifier-active); +} + +/* MESSAGE REQUESTS -> PREVIEW */ +.chat_a44415:before { + display: none; +} + +/* + * + * NITRO + * + */ +.applicationStore_f07d62 { + background-color: var(--main-content-color); + border-start-end-radius: var(--app-radius); + border-end-end-radius: var(--app-radius); +} +.applicationStore_f07d62 .scroller__244e5 { + background-color: transparent; +} + +.homeWrapper__0920e { + background-color: transparent; + border-block-start: none; +} + +.mainPageScroller__80907 { + background: transparent; +} + +.premiumContainer__11813 .button__201d5, +.settingsContainer-36qZZ9 .button__201d5, +.card_ac86f6 .button__201d5 { + --button-background: hsla(0,0%,100%,0.15); + --button-text-color: #fff; + --button-action-color: #fff; +} + +.settingsContainer-36qZZ9, +.card_ac86f6 { + border-radius: var(--card-radius); +} + +.card__5b393 { + background-color: var(--card-color); + border-radius: var(--popout-radius); + border: none; + box-shadow: var(--popout-shadow-border); + transition: var(--transition-time) var(--transition-type); +} +.card__5b393:hover { + background-color: var(--card-color-hover); + box-shadow: var(--popout-shadow-border); +} + +/* + * + * QUESTS + * + */ +.container__955a3 { + border-block-start: none; +} +.container__955a3 .container__9293f { + height: 56px; + border-start-end-radius: var(--app-radius); +} +.container__955a3 .container__9293f.themed__9293f { + background-color: var(--main-content-color); +} + +.shelfCard_c676ef, +.questTile__60f82 { + background-color: var(--card-color); + border-radius: var(--popout-radius); + border: none; + box-shadow: var(--popout-shadow-border); +} + +.shelfCardQuestLogo_c676ef { + background-color: var(--card-color); + border-radius: 50%; +} + +.overlay_b5b7aa { + background: transparent; +} + +.container_b5b7aa, +.container__956c6 { + background-color: transparent; +} + +/* + * + * MESSAGES ACTIONS + * + */ +.popover_f84418.popover_f84418 { + background-color: transparent; + border-radius: var(--popout-radius); + border: none; + border: none !important; + box-shadow: var(--liquid-glass-shadow), var(--popout-shadow) !important; + overflow: hidden; +} +.popover_f84418.popover_f84418::before { + position: absolute; + content: " "; + width: 100%; + height: 100%; + inset: 0; + background: linear-gradient(var(--popout-color)), var(--app-bg); + background-size: cover; + background-position: center; + background-attachment: fixed; + background-repeat: no-repeat; + border-radius: inherit; + box-shadow: var(--popout-shadow-border), var(--popout-shadow); + filter: blur(var(--popout-blur)) saturate(var(--liquid-glass-saturation)) brightness(1.1); + pointer-events: none; + z-index: -1; +} +.popover_f84418.popover_f84418:before { + box-shadow: none; +} +.popover_f84418.popover_f84418:hover { + box-shadow: var(--liquid-glass-shadow), var(--popout-shadow) !important; +} + +.message_fd14e0 { + padding: 0; + background-color: transparent !important; + box-shadow: none !important; +} +.message_fd14e0 .wrapper_c19a55 { + margin-inline-start: 48px; + margin-inline-end: 0; +} + +/* + * + * ATTACHMENTS + * + */ +.fileWrapper__0ccae, +.embedFull__623de, +.embedCard__44c9a, +.container__9271d { + background-color: var(--card-color); + border-radius: var(--card-radius); + border: none; + border-inline-start: 4px solid; +} + +.file__0ccae { + background-color: var(--card-color); + border: none; + box-shadow: none; +} + +.withFooter__44c9a { + border-radius: var(--card-radius) var(--card-radius) 0 0; + box-shadow: var(--card-header-shadow); +} +.withFooter__44c9a .wrapper_c19a55 { + margin-inline-start: 48px; + margin-inline-end: 0; +} + +.footerContainer__44492 { + background-color: var(--card-color); + border-radius: 0 0 var(--card-radius) var(--card-radius); +} +.footerContainer__44492 .footerIcon__44492 path { + fill: currentColor; +} + +.cta__9271d { + color: hsl(var(--accent-hsl)); +} + +.wrapper_d5f3cd, +.invite__4d3fa, +.wrapperAudio_cf09d8 { + background-color: var(--card-color) !important; + border-radius: var(--card-radius); + border: none; +} + +.inviteSplash_d5f3cd { + border-top-right-radius: var(--card-radius); + border-top-left-radius: var(--card-radius); +} + +.container_a8e786 { + background-color: var(--card-color); +} + +.ripple_a8e786 { + display: none; +} + +.playButtonContainer_a8e786 { + background: hsl(var(--accent-hsl)) !important; +} +.playButtonContainer_a8e786:active { + transform: none; +} +.playButtonContainer_a8e786 .playIcon_a8e786 { + color: var(--accent-text-color) !important; +} + +.root_fbc6f7 { + background-color: var(--card-color); +} + +/* ATTACHMENTS -> TEXT CONTAINER */ +.textContainer__4d95d, +.footer__4d95d { + background-color: var(--card-color); + border: none; + border-radius: 0 0 var(--card-radius) var(--card-radius); +} + +.newMosaicStyle__4d95d .textContainer__4d95d, +.newMosaicStyle__4d95d .footer__4d95d { + background-color: var(--card-color); + border: none; +} +.newMosaicStyle__4d95d .textContainer__4d95d { + border-radius: var(--card-radius) var(--card-radius) 0 0; + box-shadow: var(--card-header-shadow); +} +.newMosaicStyle__4d95d .textContainer__4d95d .hljs { + background-color: transparent; +} +.newMosaicStyle__4d95d .footer__4d95d { + border-radius: 0 0 var(--card-radius) var(--card-radius); +} + +.modalTextContainer__4d95d { + background-color: var(--popout-color); + border-radius: var(--popout-radius) var(--popout-radius) 0 0; + border: none; + box-shadow: var(--card-header-shadow); +} +.modalTextContainer__4d95d .hljs { + background-color: transparent; +} + +/* + * + * MARKUP + * + */ +.markup__75297 pre { + border-radius: var(--card-radius); +} +.markup__75297 code { + background-color: var(--textarea-block-color); + border-radius: var(--card-radius); + border: none; +} +.markup__75297 .wrapper_f61d60 { + background-color: hsla(var(--mention-hsl), 0.25); + color: hsl(var(--mention-hsl)); +} +.markup__75297 .wrapper_f61d60:hover { + background-color: hsla(var(--mention-hsl), 0.475); + color: hsl(var(--mention-hsl)); +} + +.spoilerMarkdownContent__299eb { + background-color: var(--textarea-block-color); +} + +/* + * + * MESSAGES + * + */ +.message__5126c { + border-radius: var(--message-radius); +} + +.backgroundFlash__5126c:not([style$="0);"]) { + background-color: hsla(var(--accent-hsl), 0.3) !important; + transition: 200ms ease-out background-color; +} +.backgroundFlash__5126c[style="background-color: rgba(148, 156, 247, 0);"] { + background-color: hsla(var(--accent-hsl), 0) !important; + transition: 400ms background-color; +} + +.mouse-mode.full-motion .wrapper_c19a55:hover { + background-color: var(--message-color-hover) !important; +} + +.wrapper_c19a55 { + margin-inline-start: 68px; + margin-inline-end: 16px; + background-color: var(--message-color) !important; + border-radius: var(--message-radius); + transition: 300ms ease background-color; +} +.wrapper_c19a55:not(.groupStart__5126c), .wrapper_c19a55.compact_c19a55 { + margin-block-start: 2px; +} +.wrapper_c19a55.cozy_c19a55, .wrapper_c19a55.compact_c19a55 { + padding-block: var(--message-padding-top) !important; + padding-inline: var(--message-padding-side) !important; + border: 2px solid transparent; +} +.wrapper_c19a55.cozy_c19a55 .timestamp_c19a55.alt_c19a55 { + inset-inline-start: -62px; +} +.wrapper_c19a55.compact_c19a55 { + padding: 4px; + padding-inline-start: 6px; +} +.wrapper_c19a55.compact_c19a55 .timestamp_c19a55 { + margin-inline-end: 0.75rem; +} +.wrapper_c19a55.hasReply_c19a55 .avatar_c19a55 { + inset-block-start: 28px; +} +.wrapper_c19a55.hasReply_c19a55 .avatarDecoration_c19a55 { + inset-block-start: 26px; +} +.wrapper_c19a55 .timestamp_c19a55 { + color: var(--text-normal); +} +.wrapper_c19a55 .timestamp_c19a55.alt_c19a55 { + color: var(--text-normal); +} +.wrapper_c19a55 .channelTextArea__74017 { + margin: 2px 0; +} +.wrapper_c19a55.mentioned__5126c { + border-color: hsla(var(--mention-hsl), var(--mention-opacity)); + box-shadow: 0px 0px 13px 4px hsla(var(--mention-hsl), var(--mention-opacity)); +} +.wrapper_c19a55.mentioned__5126c:before { + display: none; +} +.wrapper_c19a55.mentioned__5126c .repliedMessage_c19a55:before { + border-color: hsl(var(--mention-hsl)); +} +.wrapper_c19a55.mentioned__5126c .repliedMessageClickableSpine_c19a55 { + --message-color: hsl(var(--mention-hsl)); + --message-color-hover: hsl(var(--mention-hsl)); +} +.wrapper_c19a55.replying__5126c { + border-color: hsla(var(--reply-hsl), var(--reply-opacity)); + box-shadow: 0px 0px 13px 4px hsla(var(--reply-hsl), var(--reply-opacity)); +} +.wrapper_c19a55.replying__5126c:before { + display: none; +} + +.scrollerSpacer__36d07 { + height: var(--space-16); +} + +.hasThread_c19a55:after { + display: none; +} + +.avatar_c19a55 { + width: 40px; + height: 40px; + inset-block-start: 0; + inset-inline-start: -50px; + margin-block-start: 0; +} + +.avatarDecoration_c19a55 { + inset-block-start: -2px; + inset-inline-start: -54px; +} + +.a11y-font-scaled-down .cozy_c19a55 .repliedMessageClickableSpine_c19a55 { + --gutter: var(--custom-message-margin-horizontal); +} +.a11y-font-scaled-down .avatar_c19a55:not(.compact_c19a55) { + inset-block-start: 0; + inset-inline-start: -50px; +} +.a11y-font-scaled-down .avatarDecoration_c19a55:not(.compact_c19a55) { + inset-block-start: 0; + inset-inline-start: -54px; +} +.a11y-font-scaled-down .hasReply_c19a55 .avatar_c19a55:not(.compact_c19a55) { + inset-block-start: 28px; +} +.a11y-font-scaled-down .hasReply_c19a55 .avatarDecoration_c19a55:not(.compact_c19a55) { + inset-block-start: 28px; +} + +.messageListItem__5126c + .wrapper_c19a55, +.divider__908e2 + .wrapper_c19a55 { + margin-block-start: 2px; +} + +.divider__908e2.hasContent__5126c { + border-block-start: none; +} +.divider__908e2.hasContent__5126c:before, .divider__908e2.hasContent__5126c:after { + position: absolute; + content: " "; + width: calc(50% - 60px); + height: 1px; + inset-block-start: 0; + inset-block-end: 0; + margin: auto 0; + background-color: var(--background-modifier-accent); +} +.divider__908e2.hasContent__5126c:before { + inset-inline-start: 0; +} +.divider__908e2.hasContent__5126c:after { + inset-inline-end: 0; +} + +.content__908e2 { + width: 120px; + padding-block: 2px; + padding-inline: 0; + background-color: var(--message-color); + text-align: center; +} + +.isUnread__908e2 { + border-color: hsla(var(--accent-hsl), var(--accent-opacity)); +} +.isUnread__908e2 .unreadPill__908e2 { + background-color: hsla(var(--accent-hsl), var(--accent-opacity)); + color: var(--accent-text-color); + text-shadow: none; +} +.isUnread__908e2 .unreadPillCap__908e2 { + filter: none; +} +.isUnread__908e2 .unreadPillCapStroke__908e2 { + color: hsla(var(--accent-hsl), var(--accent-opacity)); + fill: hsla(var(--accent-hsl), var(--accent-opacity)); +} + +.repliedMessage_c19a55:before { + border-color: var(--message-color); + transform: translateX(-6px); +} + +.repliedMessageClickableSpine_c19a55 { + margin-inline: calc(var(--spine-width) * -1 / 2) calc(var(--reply-spacing) * 2.3); + border-color: var(--message-color); + transition: 300ms ease border-color; +} +.repliedMessageClickableSpine_c19a55.repliedMessageContentHovered_c19a55 { + border-color: var(--message-color-hover); +} + +.popoutContainer__0f481 { + border-radius: var(--popout-radius); + border: none; + background-color: var(--popout-color); + box-shadow: var(--popout-shadow-border), var(--popout-shadow); + backdrop-filter: blur(var(--popout-blur)) saturate(var(--liquid-glass-saturation)) brightness(1.1); +} + +/* + * + * POLLS + * + */ +.pollContainer_b7e1cb { + background-color: var(--textarea-block-color); + border-radius: var(--card-radius); + border: none; +} + +.answer__4c520.votedStyles_a1443c .answerInner__4c520 { + outline-color: hsl(var(--accent-hsl)); +} +.answer__4c520:not(.votedStyles_a1443c) .answerInner__4c520 { + outline-color: transparent !important; +} + +.answerInner__4c520 { + background-color: var(--card-color); + border-radius: var(--card-radius); +} +.answerInner__4c520.currentlyVoting__4c520:hover { + background-color: var(--card-color-hover); +} +.answerInner__4c520.currentlyVoting__4c520.selected__4c520 { + background-color: var(--card-color-select); +} +.answerInner__4c520.currentlyVoting__4c520.selected__4c520 circle, +.answerInner__4c520.currentlyVoting__4c520.selected__4c520 path { + fill: hsl(var(--accent-hsl)); +} +.answerInner__4c520.currentlyVoting__4c520 path { + fill: var(--text-normal); +} + +.votePercentageBar__4c520 { + background-color: hsl(from hsl(var(--accent-hsl)) h calc(s * 1.5) l/0.25); +} + +/* + * + * MESSAGE REACTIONS + * + */ +.reaction__23977 { + background-color: var(--message-color); + border-radius: var(--message-radius); + border: none; +} +.reaction__23977:hover { + background-color: var(--message-color); +} +.reaction__23977.reactionMe__23977 { + background-color: hsla(var(--accent-hsl), 0.3); + border-color: transparent; +} +.reaction__23977.reactionMe__23977:hover { + background-color: hsla(var(--accent-hsl), 0.4); +} +.reaction__23977.reactionMe__23977 .reactionCount__23977 { + color: hsla(var(--accent-hsl), var(--accent-opacity)); +} +.reaction__23977 .burstGlow__23977 { + border-radius: var(--message-radius); +} + +/* MESSAGE REACTIONS -> REVERT BUTTONS TO REACTION STYLE */ +.container_b7e1cb .children__1647d .lookFilled__201d5 { + --button-height: 28px; + --button-padding: 8px; +} + +/* + * + * ACCOUNT SWITCHER + * + */ +.list__920b8 { + background-color: var(--card-color); + border-radius: var(--popout-radius); + border: none; + box-shadow: var(--popout-shadow-border); +} + +/* ACCOUNT SWITCHER -> ADD ACCOUNT */ +.authBox__921c5, +.navRow__86e92 { + background-color: transparent !important; +} + +/* + * + * ADD SERVER MODAL + * + */ +.container__23ba6 { + --header-primary: #ddd; + --header-secondary: #aaa; + --text-normal: #aaa; + --interactive-normal: #aaa; +} +.container__23ba6 .lookBlank__201d5 { + color: hsl(var(--accent-hsl)); +} +.container__23ba6 .wrapper__72c38 { + background-color: transparent; +} + +.header_c04f35 { + padding-block: 24px 12px; + padding-inline: 16px; +} + +.templatesList_c04f35 { + margin-block-start: 0; +} + +.container_eb2cd2 { + background-color: var(--card-color); + border-radius: var(--card-radius); + border: none; +} +.container_eb2cd2:hover { + background-color: var(--card-color-hover); + border: none; +} + +.rowContainer-3t7486 { + background-color: var(--card-color); + border-radius: var(--card-radius); + border: none; +} +.rowContainer-3t7486:hover { + background-color: var(--card-color-hover); + border: none; +} + +/* + * + * AUTHORIZE APP MODAL + * + */ +.oauth2ModalWrapper__647f0 .content__3d3b0 { + background-color: var(--card-color); + border-radius: var(--card-radius); + border: none; +} +.oauth2ModalWrapper__647f0 .footer__3d3b0 { + background-color: transparent; +} + +/* + * + * BOT ACTIONS + * + */ +.cardHeader_b44011.inModal_b44011, +.noItemsSelected__3f339 { + padding: 8px; +} + +.requiredPermissionsBanner__9c74b { + gap: 16px; + background-color: var(--card-color); + border-radius: var(--card-radius); + border: none; +} +.requiredPermissionsBanner__9c74b .message__9c74b { + margin: 0; +} +.requiredPermissionsBanner__9c74b .button__201d5 { + width: 78px; +} + +/* + * + * CHANGE AVATAR + * + */ +.optionBox_edf440 { + background-color: var(--card-color); + border-radius: var(--card-radius); + border: none; +} +.optionBox_edf440:hover { + background-color: var(--card-color-hover); + border: none; +} +.optionBox_edf440 .contentCircle_edf440 { + background-color: hsla(var(--accent-hsl), var(--accent-opacity)); +} +.optionBox_edf440 .contentCircle_edf440 .uploadIcon_edf440 { + color: var(--accent-text-color); + filter: none; +} + +/* + * + * EVENTS + * + */ +.container__4efb4 { + border: none; + box-shadow: var(--popout-header-shadow); +} + +.eventStatusBrand__08773 { + color: hsl(var(--accent-hsl)); +} + +.card__88264 { + padding: 0; + background-color: var(--card-color); + border-radius: var(--card-radius); + border: none; +} +.card__88264:hover { + background-color: var(--card-color-hover); + border: none; +} +.card__88264 .container_b5010b, +.card__88264 .footer__88264 { + padding: 16px; +} +.card__88264 .container_b5010b { + box-shadow: var(--card-header-shadow); +} +.card__88264 .rsvpCount_b5010b { + background-color: var(--background-modifier-selected); +} +.card__88264 .divider__88264 { + display: none; +} + +/* EVENTS -> CREATE EVENT */ +.selectedProgressBar__5537c { + background-color: hsla(var(--accent-hsl), var(--accent-opacity)); +} + +.previewCard_f70348 { + background-color: var(--card-color) !important; + border-radius: var(--card-radius) !important; + border: none !important; +} + +/* + * + * IMAGE VIEWER + * + */ +.actionButtons_cc1819, +.closeButton__6088c { + --popout-radius: 23px; + border-radius: var(--popout-radius); + border: none; + background-color: var(--popout-color); + box-shadow: var(--popout-shadow-border), var(--popout-shadow); + backdrop-filter: blur(var(--popout-blur)) saturate(var(--liquid-glass-saturation)) brightness(1.1); +} + +.closeButton__6088c { + width: 38px; + height: 38px; + background-color: transparent; +} +.closeButton__6088c .buttonInner_aec7ab { + background-color: var(--popout-color); + border: none; + box-shadow: var(--liquid-glass-shadow); +} + +/* + * + * MODALS + * + */ +.root__49fc1 { + border-radius: var(--popout-radius); + border: none; + background-color: var(--popout-color); + box-shadow: var(--popout-shadow-border), var(--popout-shadow); + backdrop-filter: blur(calc(var(--popout-blur) * 1.25)) saturate(var(--liquid-glass-saturation)) brightness(1.1); +} +.root__49fc1.root__9c3be { + border-radius: var(--popout-radius); +} +.root__49fc1.small__49fc1 { + min-height: 75px; +} +.root__49fc1.container_ac6cb0, .root__49fc1.forcedTransparency__8a837 { + background-color: transparent !important; + box-shadow: none !important; +} +.root__49fc1 .modalBg_b824c5 { + background-color: var(--popout-color); + border-radius: var(--popout-radius); +} +.root__49fc1.popout_cba592 { + backdrop-filter: blur(var(--popout-blur)); +} +.root__49fc1 .header__49fc1 { + background-color: transparent; + box-shadow: var(--popout-header-shadow); +} +.root__49fc1 .header__49fc1 .modalTitle_f061f6 { + margin-block-end: 0; +} +.root__49fc1 .header__49fc1 .close__49fc1, +.root__49fc1 .header__49fc1 .iconButton-2rHy7x { + --button-height: 32px; + position: absolute; + width: var(--button-height); + height: var(--button-height); + inset-block-start: 12px; + inset-inline-end: 12px; + margin: 0; + padding: 0; +} +.root__49fc1 .header__49fc1 .close__49fc1 .contents__201d5 { + height: 24px; +} +.root__49fc1 .header__49fc1 .close__49fc1 svg { + height: 24px !important; + transform: scale(0.85); +} +.root__49fc1 .header__49fc1 .iconButton-2rHy7x { + display: flex; + justify-content: center; + align-items: center; +} +.root__49fc1 .header__49fc1 .iconButton-2rHy7x .icon-3DnmvF { + height: 24px; + transform: scale(0.85); +} +.root__49fc1 .content__49fc1 { + padding: 16px; +} +.root__49fc1 .modalBody_b824c5 { + background-color: transparent; + border: none; +} +.root__49fc1 .footer__49fc1, .root__49fc1 .modalFooter_ababa2, .root__49fc1 .modalFooter__2bb83 { + background-color: transparent !important; + box-shadow: none; +} + +.backdrop__78332 { + background-color: rgba(0, 0, 0, 0.3) !important; + backdrop-filter: blur(calc(var(--popout-blur) * 1.4)) !important; + opacity: 1 !important; +} + +.carouselModal_d3a6f0 { + --popout-blur: 0px; + --popout-shadow: none; + backdrop-filter: blur(0px) saturate(100%) brightness(1); +} + +/* MODALS -> V2 MODALS */ +.container__8a031 { + border-radius: var(--popout-radius); + border: none; + background-color: var(--popout-color); + box-shadow: var(--popout-shadow-border), var(--popout-shadow); + backdrop-filter: blur(calc(var(--popout-blur) * 1.25)) saturate(var(--liquid-glass-saturation)) brightness(1.1); +} + +/* + * + * QUEST MODAL + * + */ +.modalContent_b824c5, .modalContent__8fb25 { + background-color: transparent; +} + +.contentFooterPortrait_e40371 { + background-color: transparent; +} + +/* + * + * QUICKSWITCHER + * + */ +.quickswitcher_ac6cb0 .input_ac6cb0 { + margin-block-end: 16px; + min-height: 42px; + height: 42px; + border-radius: 21px; + background-color: rgba(var(--textarea-color), var(--textarea-alpha)); + border: none; + box-shadow: var(--liquid-glass-shadow); + color: var(--textarea-text-color); + transition: var(--transition-time) var(--transition-type); + font-size: 1.1em; +} +.quickswitcher_ac6cb0 .input_ac6cb0:has(input:focus, textarea:focus) { + background-color: rgba(var(--textarea-color), var(--textarea-alpha-focus)); + outline: none !important; +} +.quickswitcher_ac6cb0 .scroller_ac6cb0 { + margin-block-start: 0; + background-color: transparent; +} +.quickswitcher_ac6cb0 .result__71961 { + border-radius: var(--list-item-radius); +} + +/* + * + * REACTIONS + * + */ +.scroller_b7f4b4 { + background-color: var(--sidebar-color) !important; +} +.scroller_b7f4b4 .reactionDefault_b7f4b4, +.scroller_b7f4b4 .reactionSelected_b7f4b4 { + border-radius: var(--button-radius); +} + +.reactors_b7f4b4 { + background-color: transparent !important; +} + +/* + * + * SCREENSHARE SETTINGS + * + */ +/* + * + * SERVER QUESTIONS + * + */ +.gradient_c08b38 { + background: linear-gradient(rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.85) 100%); +} + +.prompt_fe70ca .navButtons_fe70ca { + background-color: transparent; +} + +.container__0b563 { + background-color: transparent !important; +} + +.prompt__5d7c9 { + background-color: var(--card-color); + border-radius: var(--card-radius); + border: none; +} + +.optionButtonWrapper__270d7 { + background-color: var(--card-color); + border-radius: var(--card-radius); + border-color: transparent; +} +.optionButtonWrapper__270d7:hover { + background-color: var(--card-color-hover); +} +.optionButtonWrapper__270d7.selected__270d7 { + background-color: var(--card-color-select); + border-color: hsl(var(--accent-hsl)); +} + +.optionButton__270d7 { + background-color: transparent; + background-color: var(--card-color); + border-radius: var(--card-radius); + border: none; +} +.optionButton__270d7:hover { + background-color: var(--card-color-hover); + border: none; +} + +.checkIcon__270d7, .memberCount__270d7 { + background-color: hsl(var(--accent-hsl)); +} +.checkIcon__270d7 path, .memberCount__270d7 path { + fill: var(--accent-text-color); +} + +.memberCount__270d7 .text-xs\/normal_cf4812 { + color: var(--accent-text-color) !important; +} + +/* + * + * UPLOAD MODAL + * + */ +.uploadModal_b78547 { + height: 100%; + background-color: rgba(0, 0, 0, 0.75) !important; + backdrop-filter: blur(calc(var(--popout-blur) * 1.4)); +} + +.uploadDropModal_b78547 .inner_b78547 { + border: none; +} + +.footer_b78547 { + background-color: transparent !important; +} + +/* UPLOAD -> SOUNDBOARD */ +.multiInput-wONk3i + .section-3xOOsh:nth-last-of-type(2) { + margin-block-end: 0; +} + +.fakeInput-1_6lq6 { + background-color: var(--card-color); + border-radius: var(--card-radius); + border: none; +} + +.handleFrame-1Fjy30:before, .handleFrame-1Fjy30:after { + background-color: var(--card-color); +} + +/* + * + * USER PROFILE + * + */ +.userProfileModalInner_c69a7b.userProfileInnerThemedNonPremium_c69a7b { + background: none; +} + +.fullSizeOverlayBackground_c69a7b { + border: none; +} + +.badgeList_ec3b75 { + height: var(--button-height); + padding-block: 0; + padding-inline: 4px; + border-radius: var(--button-radius); +} + +.note_fcb628 { + margin: 0; +} +.note_fcb628 .textarea_dde0a8 { + border-radius: 11px; +} +.note_fcb628 .textarea_dde0a8:focus { + background-color: rgba(var(--textarea-color), var(--textarea-alpha-focus)); +} + +.connectedAccountContainer_e6abe8 { + background-color: var(--card-color); + border-radius: var(--card-radius); + border: none; +} +.connectedAccountContainer_e6abe8:hover { + background-color: var(--card-color-hover); + border: none; +} + +/* USER PROFILE -> LISTS */ +.listRow__9d78f { + border-radius: var(--card-radius); +} +.listRow__9d78f:hover { + background-color: var(--card-color); +} + +/* + * + * APP DIRECTORY + * + */ +.directoryContainer_da3f59 { + height: calc(100% - var(--app-margin) * 1.5); + margin-block: calc(var(--app-margin) / 2) var(--app-margin); + margin-inline: var(--app-margin); + background-color: var(--main-content-color) !important; + border-radius: var(--app-radius); + backdrop-filter: blur(var(--app-blur)); +} + +/* APP DIRECTORY -> CATEGORIES */ +.category_d7acc7, .category_d169f5 { + background-color: var(--background-modifier-hover); + color: var(--interactive-hover); + border-radius: 24px; +} +.category_d7acc7:hover, .category_d169f5:hover { + background-color: var(--background-modifier-selected); + color: var(--interactive-active); +} + +/* APP DIRECTORY -> CARDS */ +.card__84e3e, +.card_e90143, .container_d9c848 { + background-color: var(--card-color) !important; + border-radius: var(--popout-radius) !important; + border: none !important; + box-shadow: var(--popout-shadow-border) !important; + transition: var(--transition-time) var(--transition-type); +} +.card__84e3e:hover, +.card_e90143:hover, .container_d9c848:hover { + background-color: var(--card-color-hover) !important; + box-shadow: var(--popout-shadow-border) !important; +} + +.linkCard_b4a57c, .container_f9d8eb { + background-color: var(--card-color); + border-radius: var(--popout-radius); + border: none; + box-shadow: var(--popout-shadow-border); +} + +/* APP DIRECTORY -> BOT INFO */ +.headerBanner_a1eac2 { + border-radius: var(--card-radius); +} + +.commandList_a1eac2, +.commandName_e0307d { + background-color: var(--card-color); + border-radius: var(--popout-radius); + border: none; + box-shadow: var(--popout-shadow-border); +} + +/* + * + * BROWSE CHANNELS + * + */ +.pageBody__41ed7, +.header__0b563 { + background: transparent !important; +} + +.container_bc0d35 { + background-color: var(--card-color); + border-radius: var(--popout-radius); + border: none; + box-shadow: var(--popout-shadow-border); +} + +/* BROWSE CHANNELS -> CHANNELS */ +.channelRow_e4503a { + --button-height: 34px; + background-color: var(--card-color); + border: none; + transition: var(--default-time) var(--default-animation) background-color; +} +.channelRow_e4503a.firstChannel_e4503a { + border-start-start-radius: var(--card-radius); + border-start-end-radius: var(--card-radius); + border-block-start: 1px solid var(--card-border-color); +} +.channelRow_e4503a.firstChannel_e4503a.lastChannel_e4503a { + border-radius: var(--card-radius); +} +.channelRow_e4503a.lastChannel_e4503a { + border-end-start-radius: var(--card-radius); + border-end-end-radius: var(--card-radius); +} +.channelRow_e4503a:not(.disabled_e4503a):hover { + background-color: var(--card-color-hover); +} + +/* + * + * CHANNELS AND ROLES + * + */ +.container__0b563 { + background-color: transparent !important; +} +.container__0b563 .chat_f75fb0 { + background-color: transparent !important; +} + +/* + * + * HOME TAB + * + */ +.container_c68a2c { + background-color: var(--card-color); + border-radius: var(--card-radius); + border: none; +} +.container_c68a2c .icon_ac2d0d:before { + position: absolute; + content: " "; + width: calc(100% + 8px); + height: calc(100% - 24px); + inset-block-start: -4px; + inset-inline-start: -4px; + background-color: var(--card-color); + border-radius: 16px 16px 0 0; + z-index: -1; + pointer-events: none; +} + +/* HOME TAB -> ACTIVE NOW */ +.emptyStateContainer__08276 { + background-color: var(--card-color); + border-radius: var(--card-radius); + border: none; +} + +/* HOME TAB -> YOUR HIGHLIGHTS */ +.container__3c265.background__4cf17 { + background-color: var(--card-color); + border-radius: var(--card-radius); + border: none; +} + +/* + * + * RECENT MEMBERS + * + */ +.container_c791b2 { + background-color: transparent !important; +} + +.mainTableContainer__09a38 { + background-color: transparent; + border: none; + box-shadow: none; +} + +.searchHeaderContainer__98d1c { + padding-block: var(--space-8) var(--space-16); + padding-inline: 0; +} + +.table_b4ec0b { + background-color: var(--card-color); + border-radius: var(--popout-radius); + border: none; + box-shadow: var(--popout-shadow-border); +} + +.memberRowContainer__71c22 td:first-child { + border-start-start-radius: var(--list-item-radius); + border-end-start-radius: var(--list-item-radius); +} +.memberRowContainer__71c22 td:last-child { + border-start-end-radius: var(--list-item-radius); + border-end-end-radius: var(--list-item-radius); +} +.memberRowContainer__71c22 .otherRoles__71c22, +.memberRowContainer__71c22 .button__71c22 { + background-color: var(--background-modifier-active); +} + +.paginationContainer_e8f197 { + margin-block-start: var(--space-16); + padding: 0; + border-block-start: none; +} + +/* + * + * PREMIUM MEMBERSHIP + * + */ +.scrollerContent__808a1 { + max-width: 100%; +} + +.container__808a1 { + background-color: var(--main-content-color); +} + +.content__808a1:before { + display: none; +} + +.cardContainerWithoutTopIndicator__3efc4 { + background-color: var(--card-color); + border-radius: var(--card-radius); + border: none; +} +.cardContainerWithoutTopIndicator__3efc4 .tierInfoContainer__3efc4, +.cardContainerWithoutTopIndicator__3efc4 .subscriptionPerks__3efc4 { + background-color: transparent; +} + +/* + * + * SERVER BOOST + * + */ +.container__89463 { + background-color: var(--main-content-color); + border-start-end-radius: var(--app-radius); + border-end-end-radius: var(--app-radius); +} + +.contentContainer__89463, +.sidebarContainer__89463 { + background: transparent; +} + +.container__5573a { + background-color: var(--card-color) !important; + border-radius: var(--popout-radius) !important; + border: none !important; + box-shadow: var(--popout-shadow-border) !important; + transition: var(--transition-time) var(--transition-type); +} +.container__5573a:hover { + background-color: var(--card-color-hover) !important; + box-shadow: var(--popout-shadow-border) !important; +} +.container__5573a.active__5573a { + --card-color: var(--card-color-select); +} + +.container__3f864 { + background-color: var(--card-color); + border-radius: var(--popout-radius); + border: none; + box-shadow: var(--popout-shadow-border); +} + +.container__1dc40 { + background-color: var(--card-color); + border-radius: var(--popout-radius); + border: none; + box-shadow: var(--popout-shadow-border); +} + +/* + * + * SERVER DISCOVERY + * + */ +.container_a592e1 { + background-color: var(--main-content-color); +} + +/* SERVER DISCOVERY -> SIDEBAR */ +.container__551b0 { + background: transparent; +} + +.navItem__551b0 { + border-radius: var(--list-item-radius); +} + +/* SERVER DISCOVERY -> HEADER BAR */ +.headerBar__8a7fc:after { + display: none; +} + +.backdrop__8a7fc { + background: var(--popout-color); + backdrop-filter: blur(var(--app-blur)); +} + +/* SERVER DISCOVERY -> CARDS */ +.card__4cb8a { + background-color: var(--card-color) !important; + border-radius: var(--card-radius) !important; + border: none !important; +} +.card__4cb8a:hover { + background-color: var(--card-color-hover) !important; + border: none; +} +.card__4cb8a svg { + filter: none; +} +.card__4cb8a .iconMask__4cb8a { + background-color: var(--card-color-hover) !important; +} + +/* SERVER DISCOVERY -> SEARCH RESULTS */ +.category__97499 { + border-radius: var(--list-item-radius); +} + +/* + * + * SERVER GUIDE + * + */ +.row_d13feb { + background-color: var(--card-color); + border-radius: var(--popout-radius); + border: none; + box-shadow: var(--popout-shadow-border); + transition: var(--transition-time) var(--transition-type); +} +.row_d13feb:hover { + background-color: var(--card-color-hover); + box-shadow: var(--popout-shadow-border); +} + +.container_d3846c { + box-shadow: none; +} + +.container_dca174 { + border-radius: var(--popout-radius); + border: none; + background-color: var(--popout-color); + box-shadow: var(--popout-shadow-border), var(--popout-shadow); + backdrop-filter: blur(var(--popout-blur)) saturate(var(--liquid-glass-saturation)) brightness(1.1); +} + +/* + * + * SERVER SHOP + * + */ +.container_adb50a { + background-color: var(--card-color); + border-radius: var(--popout-radius); + border: none; + box-shadow: var(--popout-shadow-border); +} + +.tab_d804ff { + border-radius: var(--card-radius); + border: none; + box-shadow: none; +} +.tab_d804ff.selected_d804ff { + background-color: hsl(var(--accent-hsl)); + color: var(--accent-text-color); +} +.tab_d804ff.selected_d804ff .text-sm\/semibold_cf4812, +.tab_d804ff.selected_d804ff .text-xs\/normal_cf4812 { + color: var(--accent-text-color) !important; +} + +.sortDropdown_bb26d9 .text-sm\/medium_cf4812 { + color: var(--button-text-color) !important; +} +.sortDropdown_bb26d9 .contents__201d5 svg:last-child { + margin-inline-start: 8px; +} + +.card__8833c:hover .cardContent__8833c { + box-shadow: none; + outline: none; + transform: none; +} + +.productCard__79d38 { + background-color: var(--card-color) !important; + border-radius: var(--popout-radius) !important; + border: none !important; + box-shadow: var(--popout-shadow-border) !important; + transition: var(--transition-time) var(--transition-type); +} +.productCard__79d38:hover { + background-color: var(--card-color-hover) !important; + box-shadow: var(--popout-shadow-border) !important; +} + +.roleTag__9cd44 { + padding-block: 8px; + padding-inline: 16px; + background-color: var(--background-modifier-selected); + border-radius: 20px; +} + +/* + * + * ADD GAME POPOUT + * + */ +/* + * + * APPS AND COMMANDS + * + */ +.contentWrapper__9c62c { + border-radius: var(--popout-radius); + border: none; + background-color: var(--popout-color); + box-shadow: var(--popout-shadow-border), var(--popout-shadow); + backdrop-filter: blur(var(--popout-blur)) saturate(var(--liquid-glass-saturation)) brightness(1.1); +} + +.container_cb32c7 { + background-color: var(--card-color); + border-radius: var(--card-radius); + border: none; +} +.container_cb32c7:hover { + background-color: var(--card-color-hover); + border: none; +} + +.rowContainer_cb32c7 { + border-radius: 0; +} +.rowContainer_cb32c7:first-child { + border-top-left-radius: var(--card-radius); + border-top-right-radius: var(--card-radius); +} +.rowContainer_cb32c7:last-child { + border-bottom-left-radius: var(--card-radius); + border-bottom-right-radius: var(--card-radius); +} + +.container__19cf2 { + background-color: var(--card-color); + border-radius: var(--card-radius); + border: none; +} + +/* APPS AND COMMANDS -> APP */ +.container__7bdb0 { + background-color: transparent; +} + +.profileAndVideoContainer_e80fe9 { + border-radius: var(--card-radius); + border: none; +} + +.overviewContainerNoVideo__95856 { + background-color: var(--card-color); + border-radius: var(--popout-radius); + border: none; + box-shadow: var(--popout-shadow-border); +} + +.overviewContainerWithVideo__95856 { + margin-block-start: -4px; + background-color: var(--card-color); + border-bottom-left-radius: var(--card-radius); + border-bottom-right-radius: var(--card-radius); +} + +.videoCover__95856 { + border-top-left-radius: var(--card-radius); + border-top-right-radius: var(--card-radius); +} + +.commandContainer_c94584 { + background-color: transparent; +} +.commandContainer_c94584 .command_c94584 { + background-color: var(--card-color); +} +.commandContainer_c94584 .command_c94584:hover { + background-color: var(--card-color-hover); +} +.commandContainer_c94584 .command_c94584:first-child { + border-top-left-radius: var(--card-radius); + border-top-right-radius: var(--card-radius); +} +.commandContainer_c94584 .command_c94584:last-child { + border-bottom-left-radius: var(--card-radius); + border-bottom-right-radius: var(--card-radius); +} + +/* + * + * AUTOCOMPLETE + * + */ +.autocomplete__13533 { + border-radius: var(--popout-radius); + border: none; + background-color: var(--popout-color); + box-shadow: var(--popout-shadow-border), var(--popout-shadow); + backdrop-filter: blur(var(--popout-blur)) saturate(var(--liquid-glass-saturation)) brightness(1.1); +} +.autocomplete__13533 .wrapper_b1e4f3 { + background-color: transparent; +} +.autocomplete__13533 .base__13533 { + border-radius: var(--popout-radius); +} +.autocomplete__13533 .base__13533.selected-3H3-RC { + background-color: var(--background-modifier-hover) !important; +} +.autocomplete__13533 .option_a19535 { + background-color: var(--card-color) !important; +} + +.container_d5ae15 { + border-radius: var(--popout-radius); + border: none; + position: relative; + background-color: transparent; + box-shadow: none; +} +.container_d5ae15::before { + position: absolute; + content: " "; + inset: 0; + background-color: var(--popout-color); + border-radius: inherit; + box-shadow: var(--popout-shadow-border), var(--popout-shadow); + backdrop-filter: blur(var(--popout-blur)) saturate(var(--liquid-glass-saturation)) brightness(1.1); + pointer-events: none; + z-index: -1; +} +.container_d5ae15 .autocompleteShadow_d5ae15 { + box-shadow: none !important; +} +.container_d5ae15 .autocompleteArrow-2CRgr2 { + background-color: var(--popout-color) !important; + box-shadow: none !important; +} +.container_d5ae15 .header_d5ae15 { + background-color: transparent; + box-shadow: var(--card-header-shadow); +} +.container_d5ae15 .sectionTag_d5ae15 { + background-color: transparent !important; +} +.container_d5ae15 .row_d5ae15 { + padding-inline-start: 4px; +} +.container_d5ae15 .row_d5ae15 .rowInner_d5ae15 { + border-radius: var(--popout-radius); +} + +/* + * + * CONTEXT MENU + * + */ +.menu_c1e9c4 { + border-radius: var(--popout-radius); + border: none; + position: relative; + background-color: transparent; + box-shadow: none; + /* CONTEXT MENU -> NESTED WORKAROUND */ +} +.menu_c1e9c4::before { + position: absolute; + content: " "; + inset: 0; + background-color: var(--popout-color); + border-radius: inherit; + box-shadow: var(--popout-shadow-border), var(--popout-shadow); + backdrop-filter: blur(var(--popout-blur)) saturate(var(--liquid-glass-saturation)) brightness(1.1); + pointer-events: none; + z-index: -1; +} +.menu_c1e9c4 .item_c1e9c4 { + border-radius: calc(var(--popout-radius) - var(--space-8)); +} +.menu_c1e9c4 .item_c1e9c4.focused_c1e9c4 { + background-color: var(--background-modifier-selected); +} +.menu_c1e9c4 .wrapper_f563df { + margin-block-end: var(--space-8); + padding: 0; +} +.menu_c1e9c4 .button_f563df { + background-color: var(--card-color); +} +.menu_c1e9c4 .button_f563df:hover { + background-color: var(--card-color-hover); +} +.menu_c1e9c4#image-context { + background-color: var(--popout-color); + backdrop-filter: blur(var(--popout-blur)); + box-shadow: var(--popout-shadow); +} +.menu_c1e9c4#image-context:before { + display: none; +} + +/*.submenu_c1e9c4 { + &:before { + width: calc(100% - var(--space-16)); + inset-inline: var(--space-8); + } +}*/ +.submenuPaddingContainer_ce8328 { + padding: 0; +} + +.layerContainer__59d0d .backdrop__78332 + .layer_bc663c + .layer__59d0d .menu_c1e9c4 { + backdrop-filter: blur(var(--popout-blur)); +} + +.layer__59d0d ~ .layer__59d0d .menu_c1e9c4 { + backdrop-filter: blur(var(--popout-blur)); +} + +/* CONTEXT MENU -> CHECKBOX */ +.icon_c1e9c4 { + filter: none !important; +} + +/* + * + * EMOJI PICKER + * + */ +.wrapper_c0e32c, +.emojiPicker_c0e32c { + background-color: transparent; +} + +.contentWrapper__08434 { + border-radius: var(--popout-radius); + border: none; + background-color: var(--popout-color); + box-shadow: var(--popout-shadow-border), var(--popout-shadow); + backdrop-filter: blur(var(--popout-blur)) saturate(var(--liquid-glass-saturation)) brightness(1.1); +} + +.wrapper_c0e32c:not(.emojiPickerHasTabWrapper_c0e32c) { + border-radius: var(--popout-radius); + border: none; + background-color: var(--popout-color); + box-shadow: var(--popout-shadow-border), var(--popout-shadow); + backdrop-filter: blur(var(--popout-blur)) saturate(var(--liquid-glass-saturation)) brightness(1.1); +} + +/* EMOJI PICKER -> HEADER */ +.navButton__08434:hover, .navButton__0565e:hover { + background-color: var(--background-modifier-hover); +} +.navButton__08434.navButtonActive__08434, .navButton__08434 .navButtonActive_b003de, .navButton__0565e.navButtonActive__08434, .navButton__0565e .navButtonActive_b003de { + background-color: var(--background-modifier-selected); +} + +.header_c0e32c, +.header__8ef02, +.header_fed6d3 { + background-color: transparent; + box-shadow: var(--popout-header-shadow) !important; +} + +.diversitySelectorOptions_a45a2a { + border-radius: var(--popout-radius); + border: none; + background-color: var(--popout-color); + box-shadow: var(--popout-shadow-border), var(--popout-shadow); + backdrop-filter: blur(var(--popout-blur)) saturate(var(--liquid-glass-saturation)) brightness(1.1); + overflow: hidden; +} + +/* EMOJI PICKER -> HEADER -> SEARCH BAR */ +.container_fea832 { + min-height: var(--input-height); + height: var(--input-height); + border-radius: var(--input-radius); + background-color: rgba(var(--textarea-color), var(--textarea-alpha)); + border: none; + box-shadow: var(--liquid-glass-shadow); + color: var(--textarea-text-color); + transition: var(--transition-time) var(--transition-type); +} +.container_fea832:has(input:focus, textarea:focus) { + background-color: rgba(var(--textarea-color), var(--textarea-alpha-focus)); + outline: none !important; +} + +/* EMOJI PICKER -> EMOJIS */ +.container_fed6d3 { + background-color: transparent; +} + +.wrapper__14245 { + position: sticky; + background-color: transparent; + backdrop-filter: blur(var(--popout-blur)); +} + +.inspector_aeaaeb { + background-color: transparent; +} + +.wrapper__4e6ce { + background-color: var(--sidebar-color); +} +.wrapper__4e6ce .unicodeShortcut_b9ee0c { + border-radius: var(--popout-radius); + border: none; + background-color: var(--popout-color); + box-shadow: var(--popout-shadow-border), var(--popout-shadow); + backdrop-filter: blur(var(--popout-blur)) saturate(var(--liquid-glass-saturation)) brightness(1.1); + border-radius: 0; + border-end-start-radius: var(--popout-radius); +} + +.emojiItem_fc7141 { + border-radius: var(--card-radius); +} +.emojiItem_fc7141.emojiItemSelected_fc7141 { + background-color: var(--background-modifier-hover); +} + +/* EMOJI PICKER -> GIFS */ +.searchBar_fed6d3 { + min-height: var(--input-height); + height: var(--input-height); + border-radius: var(--input-radius); + background-color: rgba(var(--textarea-color), var(--textarea-alpha)); + border: none; + box-shadow: var(--liquid-glass-shadow); + color: var(--textarea-text-color); + transition: var(--transition-time) var(--transition-type); +} +.searchBar_fed6d3:has(input:focus, textarea:focus) { + background-color: rgba(var(--textarea-color), var(--textarea-alpha-focus)); + outline: none !important; +} + +.result__2dc39 { + border-radius: var(--card-radius); +} +.result__2dc39:after { + border-radius: inherit; +} +.result__2dc39:hover:after { + box-shadow: inset 0 0 0 2px hsl(var(--accent-hsl)), inset 0 0 0 3px #2f3136 !important; +} +.result__2dc39 .gif__2dc39 { + border-radius: inherit; +} +.result__2dc39 .categoryFade_d02962, +.result__2dc39 .categoryFadeBlurple_d02962 { + border-radius: inherit; +} +.result__2dc39 .categoryFadeBlurple_d02962 { + background-color: hsla(var(--accent-hsl), 0.8) !important; +} + +/* + * + * INCOMING CALL + * + */ +/* + * + * INVITE POPOUT + * + */ +.inviteBannerUpsell-1t_LYM { + background-color: var(--card-color); + border-radius: var(--card-radius); + border: none; +} + +/* + * + * LISTENING ALONG POPOUT + * + */ +.container__56cd1:before { + position: fixed; + width: calc(100% - 16px); + height: 100%; + margin-inline-start: 16px; +} + +/* + * + * LIST POPOUTS + * + */ +.container__3dde2 { + border: none; +} +.container__3dde2 .item__97e86 { + border-radius: var(--popout-radius); +} + +.overflowRolesPopout__48c1c .overflowRolesPopoutArrow__48c1c { + background-color: var(--popout-color) !important; + box-shadow: none !important; +} +.overflowRolesPopout__48c1c .overflowRolesPopoutHeaderIcon__48c1c path { + fill: var(--header-secondary); +} +.overflowRolesPopout__48c1c .overflowRolesPopoutHeaderText__48c1c { + color: var(--header-secondary); +} +.overflowRolesPopout__48c1c .role_dfa8b6, .overflowRolesPopout__48c1c .role__5d7c9 { + background-color: var(--card-color); +} + +/* + * + * MEMBERS LIST ACTIVITY POPOUT + * + */ +.popout_af3b89 { + border-radius: var(--popout-radius); + border: none; + background-color: var(--popout-color); + box-shadow: var(--popout-shadow-border), var(--popout-shadow); + backdrop-filter: blur(var(--popout-blur)) saturate(var(--liquid-glass-saturation)) brightness(1.1); +} + +.popoutContentWrapper_af3b89, +.interactionsContainer_af3b89 { + background-color: transparent; +} + +.shareToChannelButton_af3b89 { + padding-inline-end: 0; + border-inline-end: none; +} + +/* + * + * MESSAGES POPOUT + * + */ +.messagesPopoutWrap__432f4 { + max-height: 80vh !important; + border-radius: var(--popout-radius); + border: none; + background-color: var(--popout-color); + box-shadow: var(--popout-shadow-border), var(--popout-shadow); + backdrop-filter: blur(var(--popout-blur)) saturate(var(--liquid-glass-saturation)) brightness(1.1); +} + +.header__432f4 { + background-color: transparent; + border: none; + box-shadow: var(--popout-header-shadow); +} + +.messagesPopout__432f4 { + padding-block: 16px 0; + padding-inline: 8px 0; +} + +.footer__432f4 { + background-color: transparent; +} + +.friendRequestsButton_c7a32c { + background-color: var(--button-background); + border-radius: var(--button-radius); + border: var(--button-outline); + color: var(--button-text-color); + border: var(--button-outline); + box-shadow: var(--liquid-glass-shadow); +} + +.box__376cb { + background-color: var(--card-color); + border-radius: var(--popout-radius); + border: none; + box-shadow: var(--popout-shadow-border); +} +.box__376cb:has(.wrapper_c19a55) { + padding-block-end: var(--space-12); +} + +/* MESSAGES POPOUT -> PINNED MESSAGES */ +.messageGroupWrapper__432f4 { + margin-block-end: 16px; + background-color: transparent; + border: none; +} +.messageGroupWrapper__432f4 .wrapper_c19a55 { + margin-inline-start: 56px !important; + margin-inline-end: 0 !important; + background-color: var(--message-color); + border-radius: var(--message-radius); +} +.messageGroupWrapper__432f4 .wrapper_c19a55 .contents_c19a55, +.messageGroupWrapper__432f4 .wrapper_c19a55 .container_b7e1cb { + overflow: hidden; +} +.messageGroupWrapper__432f4 .actionButtons__432f4 { + inset-inline-end: calc(16px + var(--message-padding-side)); +} +.messageGroupWrapper__432f4 .jumpButton__432f4 { + background-color: var(--card-color); + border-radius: var(--button-radius); +} + +/* MESSAGES POPOUT -> FOR YOU */ +.friendRequestsButton_c7a32c { + background-color: var(--background-modifier-hover); +} +.friendRequestsButton_c7a32c:hover { + background-color: var(--background-modifier-active); +} + +.container__0f711 { + background-color: transparent; + border: none; +} + +.row__6fddf:hover { + background-color: var(--background-modifier-hover); +} + +/* MESSAGES POPOUT -> MENTIONS */ +.channelHeader__5d903 { + background-color: transparent; + border-radius: var(--popout-radius); + border: none; + margin-block: 4px; + margin-inline: 0; + padding-block: 12px; + padding-inline: 28px 16px; + overflow: hidden; +} +.channelHeader__5d903::before { + position: absolute; + content: " "; + width: 100%; + height: 100%; + inset: 0; + background: linear-gradient(var(--popout-color)), var(--app-bg); + background-size: cover; + background-position: center; + background-attachment: fixed; + background-repeat: no-repeat; + border-radius: inherit; + box-shadow: var(--popout-shadow-border), var(--popout-shadow); + filter: blur(var(--popout-blur)) saturate(var(--liquid-glass-saturation)) brightness(1.1); + pointer-events: none; + z-index: -1; +} +.channelHeader__5d903:before { + box-shadow: none; +} + +.button__06eda { + background-color: var(--background-modifier-hover); +} +.button__06eda:hover { + background-color: var(--background-modifier-selected) !important; +} + +.messageContainer__95796 { + padding-block: 16px; + padding-inline: 0; + background-color: transparent; + border: none; +} +.messageContainer__95796 .wrapper_c19a55 { + margin-inline-start: 60px; + margin-inline-end: 0; + overflow: visible; +} + +/* MESSAGES POPOUT -> UNREADS */ +.container__9497c { + border-radius: var(--popout-radius); + border: none; + background-color: var(--popout-color); + box-shadow: var(--popout-shadow-border), var(--popout-shadow); + backdrop-filter: blur(var(--popout-blur)) saturate(var(--liquid-glass-saturation)) brightness(1.1); +} +.container__9497c .messagesPopoutWrap__432f4 { + background-color: unset; + border-radius: unset; + box-shadow: unset; + backdrop-filter: unset; +} +.container__9497c .wrapper_c19a55 { + overflow: visible; +} + +.tutorial__2692d { + background-color: var(--card-color); + border-radius: var(--card-radius); + border: none; +} + +.messages__1ccd1 { + background-color: transparent; +} + +/* MESSAGES POPOUT -> INBOX */ +.container__8cb2e { + border-radius: var(--popout-radius); + border: none; + background-color: var(--popout-color); + box-shadow: var(--popout-shadow-border), var(--popout-shadow); + backdrop-filter: blur(var(--popout-blur)) saturate(var(--liquid-glass-saturation)) brightness(1.1); +} + +/* + * + * NOISE SUPPRESSION + * + */ +/* + * + * PICTURE IN PICTURE + * + */ +/* + * + * REGION SELECT POPOUT + * + */ +.regionSelectPopout__8de63 { + padding: 6px; +} +.regionSelectPopout__8de63 .quickSelectPopoutOption_b852b1 { + border-radius: var(--popout-radius); +} +.regionSelectPopout__8de63 .quickSelectPopoutOption_b852b1:hover { + background-color: var(--background-modifier-hover); +} +.regionSelectPopout__8de63 .quickSelectPopoutOption_b852b1:focus { + background-color: var(--background-modifier-selected); +} + +/* + * + * SEARCH POPOUT + * + */ +.container__16eb0 { + border-radius: var(--popout-radius); + border: none; + background-color: var(--popout-color); + box-shadow: var(--popout-shadow-border), var(--popout-shadow); + backdrop-filter: blur(var(--popout-blur)) saturate(var(--liquid-glass-saturation)) brightness(1.1); +} + +.key__61c93 { + height: 20px; + padding-block: 0; + padding-inline: 6px; + line-height: 20px; + background-color: var(--card-color) !important; + border-radius: var(--card-radius); + border: none; + box-shadow: none !important; +} +.key__61c93:active { + height: 20px; + padding-block-end: 0; + background-color: var(--card-color-hover) !important; + border: none !important; + transform: none; +} + +.focused__55c99 { + background-color: transparent !important; +} + +.queryContainer__55c99 { + border: none; + box-shadow: var(--popout-header-shadow); +} + +.resultsGroup__56fec:before { + display: none; +} + +/* + * + * SOUNDBOARD PICKER + * + */ +.premiumPromo__3a1b6 { + background-color: var(--popout-color); + border-radius: var(--popout-radius); + opacity: 1; + backdrop-filter: blur(var(--popout-blur)); +} + +.soundButton__9be63 { + background-color: var(--card-color); + border-radius: var(--card-radius); +} +.soundButton__9be63 .buttonOverlayBackground__9be63 { + background-color: var(--card-color); + opacity: 1; +} + +.keybindHint__46002 { + background-color: var(--card-color); + border-radius: var(--card-radius); + border: none; +} + +/* + * + * SPECTATOR MENU + * + */ +.scroller_d6b206 .memberListItem_ec58fe { + border-radius: var(--popout-radius); +} +.scroller_d6b206 .memberListItem_ec58fe:not(.popoutDisabled_ec58fe):hover { + background-color: var(--background-modifier-hover) !important; +} + +/* + * + * STICKERS POPOUT + * + */ +.containerBackground_d4ced7 { + border: none; +} +.containerBackground_d4ced7:after { + border-top-color: var(--popout-color); +} + +/* + * + * STREAM PREVIEW POPOUT + * + */ +.streamPreview__6da2d:before { + width: 252px; + inset-inline-start: 16px; +} +.streamPreview__6da2d .previewContainer__6da2d { + background-color: transparent !important; + box-shadow: var(--card-header-shadow); + border: none !important; +} + +/* + * + * SUMMARIES POPOUT + * + */ +.topicsPillContainer__0f481 { + inset-block-start: var(--space-8); + border-radius: var(--popout-radius); + border: none; + background-color: var(--popout-color); + box-shadow: var(--popout-shadow-border), var(--popout-shadow); + backdrop-filter: blur(var(--popout-blur)) saturate(var(--liquid-glass-saturation)) brightness(1.1); +} + +.topicsDropdownBase__0f481 { + overflow: hidden; + background-color: transparent; + border-radius: var(--popout-radius); + border: none; +} +.topicsDropdownBase__0f481::before { + position: absolute; + content: " "; + width: 100%; + height: 100%; + inset: 0; + background: linear-gradient(var(--popout-color)), var(--app-bg); + background-size: cover; + background-position: center; + background-attachment: fixed; + background-repeat: no-repeat; + border-radius: inherit; + box-shadow: var(--popout-shadow-border), var(--popout-shadow); + filter: blur(var(--popout-blur)) saturate(var(--liquid-glass-saturation)) brightness(1.1); + pointer-events: none; + z-index: -1; +} + +.topicsDropdownHeading__0f481 { + background-color: transparent; + border-start-start-radius: var(--popout-radius); + border-start-end-radius: var(--popout-radius); + box-shadow: var(--card-header-shadow); +} + +/* + * + * THREADS POPOUT + * + */ +.container_d9c882 { + border-radius: var(--popout-radius); + border: none; + background-color: var(--popout-color); + box-shadow: var(--popout-shadow-border), var(--popout-shadow); + backdrop-filter: blur(var(--popout-blur)) saturate(var(--liquid-glass-saturation)) brightness(1.1); +} +.container_d9c882 .header_d9c882 { + background-color: transparent; + box-shadow: var(--card-header-shadow); + border: none; +} +.container_d9c882 .header_d9c882 .button_a22cb0 { + --button-height: var(--input-height); +} +.container_d9c882 .wrapper__72c38 { + box-shadow: var(--liquid-glass-shadow); +} +.container_d9c882 .container__6764b { + background-color: var(--card-color); + border-radius: var(--card-radius); + border: none; +} +.container_d9c882 .container__6764b:hover { + background-color: var(--card-color-hover); + border: none; +} + +.popout__76f04 { + border-radius: var(--popout-radius); + border: none; + background-color: var(--popout-color); + box-shadow: var(--popout-shadow-border), var(--popout-shadow); + backdrop-filter: blur(var(--popout-blur)) saturate(var(--liquid-glass-saturation)) brightness(1.1); +} +.popout__76f04 .row__76f04 { + border-radius: var(--list-item-radius); +} +.popout__76f04 .row__76f04:hover { + background-color: var(--background-modifier-hover); +} +.popout__76f04 .more__76f04 { + color: hsl(var(--accent-hsl)); +} + +/* + * + * USER POPOUT + * + */ +.outer_c0bea0:not(.custom-user-profile-theme) { + --background-surface-high: var(--popout-color) !important; + --user-profile-overlay-background: var(--profile-gradient-primary-color) !important; + --profile-gradient-primary-color: var(--popout-color) !important; + --profile-gradient-secondary-color: var(--popout-color) !important; + --profile-avatar-border-color: var(--popout-color) !important; + --profile-body-background-color: var(--popout-color) !important; + --bg-surface-overlay: var(--profile-gradient-primary-color) !important; + --bg-mod-faint: var(--profile-body-background-color) !important; +} +.outer_c0bea0:not(.custom-user-profile-theme).theme-light { + --textarea-color: 0,0,0; + --textarea-text-color: hsl(0,0%,30%); + --textarea-placeholder-color: hsl(0,0%,40%); + --background-modifier-selected: hsl(0,0%,0%,0.125); +} +.outer_c0bea0:not(.custom-user-profile-theme):before { + background-color: var(--profile-gradient-primary-color); +} + +.custom-user-profile-theme { + --card-color: rgb(var(--bg-overlay-color)/var(--bg-overlay-opacity-6)); +} +.custom-user-profile-theme .lookFilled__201d5 { + --button-background: var(--profile-gradient-button-color); + --button-text-color: var(--white-500); + --accent-button-action: var(--white-500); +} + +.user-profile-popout { + border-radius: var(--popout-radius); +} +.user-profile-popout.custom-user-profile-theme .inner_c0bea0 { + border-radius: calc(var(--popout-radius) - 2px); +} +.user-profile-popout:not(.custom-user-profile-theme) { + border-radius: var(--popout-radius); + border: none; + background-color: var(--popout-color); + box-shadow: var(--popout-shadow-border), var(--popout-shadow); + backdrop-filter: blur(var(--popout-blur)) saturate(var(--liquid-glass-saturation)) brightness(1.1); +} + +.outer_c0bea0 { + overflow: initial; +} +.outer_c0bea0.user-profile-modal-v2 { + background-color: transparent; + border: none; +} +.outer_c0bea0 * { + text-shadow: none; +} +.outer_c0bea0 svg { + filter: none; +} +.outer_c0bea0 .menus_ce8328 > .menu_c1e9c4:before { + display: none; +} + +.inner_c0bea0 { + border-radius: calc(var(--popout-radius) / 1.25); +} +.inner_c0bea0:before { + border-radius: inherit; +} +.inner_c0bea0 .wrapper__44b0c circle { + fill: var(--profile-avatar-border-color); +} +.inner_c0bea0 .wrapper__72c38 { + border-radius: 18px; + border: none; +} +.inner_c0bea0 .input__75098::-webkit-input-placeholder { + color: var(--textarea-placeholder-color); +} + +.wrapper-C1y4Sz { + border-radius: calc(var(--popout-radius) / 1.25) calc(var(--popout-radius) / 1.25) 0 0; +} + +.banner__68edb { + border-radius: calc(var(--popout-radius) / 1.25) calc(var(--popout-radius) / 1.25) 0 0; +} + +.container__8061a { + padding: 2px; + background-color: var(--card-color) !important; + border-radius: 12px; + border: none; +} + +.overlayBackground_c69a7b { + border-radius: calc(var(--popout-radius) / 1.25); +} + +.biteSizeInnerThemed_c69a7b { + padding-block-end: 0; +} + +.statusBubbleOuter_a82ccc, .statusBubbleOuter_af9888, .outer_ab8609, +.inner_ab8609 { + background-color: var(--card-color); + border-radius: var(--popout-radius); +} + +.statusBubbleOuter_a82ccc, .statusBubbleOuter_af9888, .outer_ab8609 { + border: none !important; +} +.statusBubbleOuter_a82ccc:before, .statusBubbleOuter_a82ccc:after, .statusBubbleOuter_af9888:before, .statusBubbleOuter_af9888:after, .outer_ab8609:before, .outer_ab8609:after { + border: inherit !important; +} + +.inner_ab8609 { + backdrop-filter: blur(var(--popout-blur)); +} + +.custom-theme-background .menu_c1e9c4 { + border: none; +} + +.activity__5be3e { + border-radius: var(--popout-radius); +} + +.role_dfa8b6, .role__5d7c9 { + background-color: var(--background-modifier-selected); + border-radius: 11px; + border: none; +} + +.note_c90ad7 { + margin-inline-start: 0; + margin-inline-end: 0; +} +.note_c90ad7 .input__75098 { + height: unset; + font-size: 14px; + line-height: 16px; +} +.note_c90ad7 .textarea_dde0a8 { + padding: 4px 10px; + font-size: 14px; + line-height: 16px; +} +.note_c90ad7 .textarea_dde0a8::-webkit-input-placeholder { + color: var(--textarea-placeholder-color); +} +.note_c90ad7 .textarea_dde0a8:focus { + background-color: rgba(var(--textarea-color), var(--textarea-alpha-focus)); +} + +/* USER POPOUT -> STATUS AREA */ +.menu-KSaHL1:before { + display: none; +} + +/* + * + * VOICE CONNECTED + * + */ +/* + * + * SERVER FOLDERS + * + */ +.hiddenVisually_b18fe2 { + background-color: transparent; +} +.hiddenVisually_b18fe2.hover__48112 { + background-color: var(--server-folder-color); +} + +.folderGroupBackground__48112, +.folderPreviewWrapper__48112 { + box-shadow: var(--liquid-glass-shadow); +} + +.unreadMentionsIndicatorTop_ef3116 + .itemsContainer_ef3116 .hiddenVisually_b18fe2 { + background-color: var(--server-folder-color); +} + +.folderPreviewWrapper__48112[style*="background-color: rgba(88, 101, 242, 0.4)"] { + background-color: hsla(var(--accent-hsl), 0.4) !important; +} + +/* + * + * SERVERS LIST + * + */ +.wrapper_ef3116 { + margin-block-end: calc(var(--custom-app-panels-height, 0) + 10px); + background-color: transparent; +} +.wrapper_ef3116 .tree_ef3116:focus { + outline: none; +} + +.scroller_ef3116 { + padding-block-start: var(--space-12); + background-color: transparent !important; +} +.scroller_ef3116 svg { + filter: none; +} + +.platform-win .scroller_ef3116 { + padding-block-start: var(--space-12) !important; +} + +.childWrapper__6e9f8, +.circleIconButton__5bc7e { + background-color: hsla(var(--accent-hsl), var(--accent-opacity)) !important; + color: var(--accent-text-color) !important; +} + +.mention__3b95d { + background-color: hsla(var(--accent-hsl), var(--accent-opacity)); + color: var(--accent-text-color); +} + +.numberBadge__463b7 { + background-color: hsla(var(--accent-hsl), var(--accent-opacity)) !important; + color: var(--accent-text-color) !important; +} + +.iconBadge__650eb.participating__64cf0 { + background-color: hsla(var(--accent-hsl), var(--accent-opacity)); +} +.iconBadge__650eb.participating__64cf0 path { + fill: var(--accent-text-color); +} +.iconBadge__650eb.isCurrentUserConnected__650eb { + background-color: hsla(var(--accent-hsl), var(--accent-opacity)); + color: var(--accent-text-color); +} + +.item__58105 { + background-color: var(--notification-color); +} + +.footer__214dc { + margin-block-start: 8px; + padding-block-start: 0; + background-color: transparent; +} + +.gradient__214dc { + display: none; +} + +/* + * + * SERVER SETTING AUDIT LOG + * + */ +.auditLog__43dab { + background-color: var(--card-color); + border-radius: var(--card-radius); + border: none; + overflow: hidden; +} +.auditLog__43dab .header__43dab, +.auditLog__43dab .changeDetails__43dab { + background-color: transparent; +} +.auditLog__43dab .headerExpanded__43dab { + box-shadow: var(--popout-header-shadow); +} +.auditLog__43dab .divider__43dab { + display: none; +} + +/* + * + * SERVER SETTINGS AUTOMOD + * + */ +.editCard_a25a68 { + background-color: var(--card-color); + border-radius: var(--card-radius); + border: none; +} +.editCard_a25a68:before { + display: none; +} +.editCard_a25a68.active_ef2ec5 { + background-color: var(--card-color) !important; +} +.editCard_a25a68 .ruleIconContainer_c5e6a1 { + background-color: var(--card-color); +} +.editCard_a25a68 .actionContainer_bc4513 { + background-color: var(--card-color); +} + +.collapseable__217b7 { + background-color: var(--card-color); + border-radius: var(--card-radius); + border: none; +} +.collapseable__217b7:active { + background-color: var(--card-color) !important; +} +.collapseable__217b7:before { + display: none; +} + +.actionContainer_c5e6a1 { + margin-block-start: 28px; +} + +.stepCountIcon_b6c6eb { + background-color: var(--card-color); +} + +.mentionLimitContainer_ed9c90 { + background-color: var(--card-color); + border-radius: var(--card-radius); + border: none; +} + +.stepperContainer_ed9c90 { + padding: 0; + min-height: var(--input-height); + height: var(--input-height); + border-radius: var(--input-radius); + background-color: rgba(var(--textarea-color), var(--textarea-alpha)); + border: none; + box-shadow: var(--liquid-glass-shadow); + color: var(--textarea-text-color); + transition: var(--transition-time) var(--transition-type); +} +.stepperContainer_ed9c90:has(input:focus, textarea:focus) { + background-color: rgba(var(--textarea-color), var(--textarea-alpha-focus)); + outline: none !important; +} +.stepperContainer_ed9c90 .stepper_ed9c90 { + border-radius: var(--input-radius); +} +.stepperContainer_ed9c90 .iconWrapper__0d13e { + background-color: transparent; +} +.stepperContainer_ed9c90 .iconWrapper__0d13e .icon_bb7288 { + width: var(--input-height); + height: var(--input-height); +} +.stepperContainer_ed9c90 .input__75098 { + background-color: transparent; +} + +/* + * + * SERVER SETTINGS BANNED USERS + * + */ +.scrollerContainer__4b8d8 { + background-color: var(--card-color); + border-radius: var(--card-radius); + border: none; + box-shadow: none !important; +} + +/* + * + * SERVER SETTINGS CONTENT MODERATION + * + */ +.triggerMainContainer_b6c6eb { + margin-block: 8px; + margin-inline: 0; + padding: 0; + border: none; +} + +.keywordListContainer__09e76, +.actionContainer__6446f { + padding-block: 12px; + padding-inline: 16px; + background-color: var(--card-color); + border-radius: var(--card-radius); + border: none; +} +.keywordListContainer__09e76:hover, +.actionContainer__6446f:hover { + background-color: var(--card-color-hover); + border: none; +} + +.actionContainer__6446f .actionContainer__6446f { + padding: 0; + background-color: transparent; +} + +.keywordsTextArea__6a631 { + background-color: rgba(var(--textarea-color), var(--textarea-alpha)); + border-radius: 18px; + border: none; + transition: var(--transition-time) var(--transition-type); +} +.keywordsTextArea__6a631:focus { + background-color: rgba(var(--textarea-color), var(--textarea-alpha-focus)); +} +.keywordsTextArea__6a631::-webkit-input-placeholder { + color: var(--textarea-placeholder-color); +} + +.dividerContainer__1abf5 { + margin-block: 6px 0; + margin-inline: auto; +} +.dividerContainer__1abf5 .dividierIcon__1abf5 { + color: var(--text-muted); +} + +/* + * + * SERVER SETTINGS DISCOVERY + * + */ +.checklist__5afba, .checklistContainer-12xGp5 { + background-color: var(--card-color); + border-radius: var(--card-radius); + border: none; +} + +.header__99871, .checklistHeader-3liG7E { + background-color: transparent; + box-shadow: var(--card-header-shadow); + border: none; +} + +/* + * + * SERVER SETTINGS EMOJI + * + */ +.emojiRow_e7d73e:before { + background-color: var(--background-modifier-hover); +} +.emojiRow_e7d73e .input__75098 { + padding-block: 0; + padding-inline: 12px; +} + +/* + * + * SERVER SETTINGS SERVER INSIGHTS + * + */ +.memberInsightsContainer_cfaf72 { + padding: 0; + background-color: var(--card-color); + border-radius: var(--card-radius); + border: none; +} +.memberInsightsContainer_cfaf72 .insightsHeader_cfaf72 { + background-color: transparent; + box-shadow: var(--card-header-shadow); + border: none; +} +.memberInsightsContainer_cfaf72 .divider_cfaf72 { + display: none; +} +.memberInsightsContainer_cfaf72 .tips_cfaf72 { + margin: 16px; +} +.memberInsightsContainer_cfaf72 .insightsActions_cfaf72 { + margin-block: 0 16px; + margin-inline: 16px; + background-color: var(--card-color); + border-radius: var(--card-radius); + border: none; +} + +.developerPortalCtaWrapper__540ed { + background-color: var(--card-color); +} + +.error__4cd16 { + background-color: var(--card-color); + border-radius: var(--card-radius); +} + +/* + * + * SERVER LISTS + * + */ +.container__33507 { + height: auto; +} + +.card__4bb93:before { + background-color: var(--card-color-hover); + border-radius: var(--card-radius); +} +.card__4bb93.active:before { + background-color: var(--card-color-hover); + opacity: 1; +} + +/* + * + * SERVER SETTINGS PARTNER PROGRAM + * + */ +.featureCard__7dd5e { + background-color: var(--card-color); + border-radius: var(--card-radius); + border: none; +} +.featureCard__7dd5e .featureIcon__7dd5e { + background-color: var(--card-color); +} + +.checklistContainer-12xGp5 { + background-color: var(--card-color); + border-radius: var(--card-radius); + border: none; +} + +.checklistHeader-3liG7E { + background-color: transparent; + box-shadow: var(--card-header-shadow); + border: none; +} + +/* + * + * SERVER SETTINGS PERMISSIONS + * + */ +.settingCard__1a4ef { + background-color: var(--card-color); + border-radius: var(--card-radius); + border: none; +} +.settingCard__1a4ef.active_dd864e { + background-color: var(--card-color); + border-radius: var(--card-radius); + border: none; + overflow: hidden; +} +.settingCard__1a4ef.active_dd864e .cardContent_f62fce { + box-shadow: var(--card-header-shadow); +} + +.cardFolder_dd864e { + background-color: transparent; +} + +.group__344e6 { + background-color: var(--card-color); + border-radius: var(--card-radius); + border: none; + overflow: hidden; +} + +.item__344e6 { + cursor: pointer; +} + +.selected__344e6.deny__344e6 { + background-color: hsla(359, calc(var(--saturation-factor, 1) * 82.6%), 59.4%, 0.65); + border-radius: var(--card-radius) 0 0 var(--card-radius); +} +.selected__344e6.passthrough__344e6 { + background-color: hsla(217, 8%, 41%, 0.65); +} +.selected__344e6.allow__344e6 { + background-color: hsl(139, calc(var(--saturation-factor, 1) * 47.3%), 43.9%, 0.65); + border-radius: 0 var(--card-radius) var(--card-radius) 0; +} + +.background-3X6N7I { + padding: 0; + background-color: transparent; +} + +.roleDot-1Rh5WS { + box-shadow: none; +} + +/* + * + * SERVER SETTINGS ROLES + * + */ +.container_d8f25b { + background-color: var(--card-color); + border-radius: var(--card-radius); + border: none; +} +.container_d8f25b:hover { + background-color: var(--card-color-hover); + border: none; +} + +.roleRow__5f97b .button__292b6 { + background-color: var(--background-modifier-active); +} +.roleRow__5f97b:hover .button__292b6 { + background-color: var(--background-modifier-active) !important; +} +.roleRow__5f97b:hover .button__292b6:hover { + background-color: var(--background-modifier-hover) !important; +} + +/* SERVER SETTINGS ROLES -> EDIT ROLE */ +.titleContainer_e29cd7 { + background-color: transparent; +} + +.header_c6bf1b { + background-color: transparent; +} +.header_c6bf1b.stickyHeaderElevated_c6bf1b { + --popout-radius: 0; + overflow: hidden; + background-color: transparent; + border-radius: var(--popout-radius); + border: none; +} +.header_c6bf1b.stickyHeaderElevated_c6bf1b::before { + position: absolute; + content: " "; + width: 100%; + height: 100%; + inset: 0; + background: linear-gradient(var(--popout-color)), var(--app-bg); + background-size: cover; + background-position: center; + background-attachment: fixed; + background-repeat: no-repeat; + border-radius: inherit; + box-shadow: var(--popout-shadow-border); + filter: blur(var(--popout-blur)) saturate(var(--liquid-glass-saturation)) brightness(1.1); + pointer-events: none; + z-index: -1; +} +.header_c6bf1b.stickyHeaderElevated_c6bf1b::before { + filter: blur(var(--app-blur)) saturate(100%) brightness(1); +} + +.titleContainer_e29cd7 { + position: sticky; +} + +.header_c6bf1b { + padding-block: 60px 0; + padding-inline: 8px; +} + +/* + * + * SERVER SETTINGS MEMBERSHIP SCREENING + * + */ +.enableContainer-1J91Aq { + background-color: var(--card-color); + border-radius: var(--card-radius); + border: none; +} + +.settingsFormItem-25zW3t { + background-color: var(--card-color); + border-radius: var(--card-radius); + border: none; +} +.settingsFormItem-25zW3t .settingsFormFieldWrapper-U99c9i { + background-color: var(--card-color); + border-radius: var(--card-radius); + border: none; +} + +.backgroundContainer_eaaeee { + background-color: var(--card-color); + border-radius: var(--card-radius); + border: none; +} + +.requirementContainer__0a749 { + background-color: rgba(var(--textarea-color), var(--textarea-alpha)); + border-radius: var(--input-radius); +} + +.fieldBackground_d48a51 { + background-color: rgba(var(--textarea-color), var(--textarea-alpha)) !important; + border-radius: var(--input-radius) !important; + border: none !important; +} + +.containerFooter_eaaeee { + background-color: transparent; +} + +.fieldBackground_eaaeee { + background-color: var(--card-color); + border-radius: var(--card-radius); + border: none; +} +.fieldBackground_eaaeee.withFooter_eaaeee { + box-shadow: var(--card-header-shadow); +} + +.fieldFooterContainer_eaaeee { + background-color: var(--card-color); + border-radius: 0 0 var(--card-radius) var(--card-radius); +} + +.sidebarFixedContainer-2fX672 { + background-color: var(--card-color); + border-radius: var(--card-radius); + border: none; +} + +/* SERVER SETTINGS MEMBERSHIP SCREENING -> PREVIEW */ +.guildSidebar_b962dc { + background-color: var(--sidebar-color); +} + +.modal_b962dc .formFieldWrapper-2LV3S6 { + background-color: var(--card-color); + border-radius: var(--card-radius); + border: none; +} + +/* + * + * SERVER SETTINGS SAFETY SETUP + * + */ +.changelog_abe1fa { + background-color: var(--card-color); + border-radius: var(--card-radius); + border: none; +} + +.safetyChecklist_eae0ef { + background-color: var(--card-color); + border-radius: var(--card-radius); + border: none; +} + +/* + * + * SERVER SETTINGS STICKERS + * + */ +.tier_a36dee { + background-color: var(--card-color); + border-radius: var(--card-radius); + border: none; +} +.tier_a36dee .grid_d87d30 { + padding-block: 0 16px; + padding-inline: 16px; +} + +.tierHeaderLocked_a36dee, +.tierHeaderUnlocked_a36dee { + background-color: transparent !important; + box-shadow: var(--popout-header-shadow); +} + +.tierBody_a36dee { + background-color: transparent !important; +} + +.wrapper__83b1d { + background-color: var(--card-color); + border-radius: var(--card-radius); + border: none; +} +.wrapper__83b1d:hover { + background-color: var(--card-color-hover); + border: none; +} + +.background_c44edb { + color: var(--card-color) !important; +} + +.foreground_c44edb { + color: hsla(var(--accent-hsl), var(--accent-opacity)); +} + +.theme-dark .tierInProgress_c44edb { + background-color: var(--card-color); +} +.theme-dark .tierAccomplished_c44edb, +.theme-dark .tierCurrent_c44edb, +.theme-dark .tierFirst_c44edb { + background: hsla(var(--accent-hsl), var(--accent-opacity)); +} + +/* + * + * SERVER SETTINGS SERVER TEMPLATE + * + */ +.descriptionBox__981f7 { + background-color: var(--card-color); + border-radius: var(--card-radius); + border: none; +} + +.enableContainer__5ea8c { + background-color: var(--card-color); + border-radius: var(--card-radius) var(--card-radius) 0 0; + box-shadow: var(--card-header-shadow); +} + +.previewContainer__74a6a { + background-color: var(--card-color); + border-radius: 0 0 var(--card-radius) var(--card-radius); +} +.previewContainer__74a6a .welcomeChannel__74a6a { + background-color: var(--card-color); + border-radius: var(--card-radius); + border: none; +} +.previewContainer__74a6a .welcomeChannel__74a6a .channelIcon__74a6a { + background-color: var(--background-modifier-selected); + border-radius: 50%; +} + +.optionContainer__949ab { + background-color: var(--card-color); + border-radius: var(--card-radius); + border: none; +} +.optionContainer__949ab:hover { + background-color: var(--card-color-hover); + border: none; +} + +/* + * + * USER SETTINGS ACTIVITY STATUS + * + */ +.notDetected_b53c4e { + background-color: var(--card-color) !important; + border-radius: var(--card-radius) !important; + border: none !important; +} + +.game_b53c4e { + box-shadow: 0 1px 0 0 var(--background-modifier-accent) !important; +} +.game_b53c4e .gameNameInput_b53c4e { + border: none; +} +.game_b53c4e .gameNameInput_b53c4e:hover, .game_b53c4e .gameNameInput_b53c4e:focus { + min-height: auto; + height: auto; + border-radius: var(--input-radius); + background-color: rgba(var(--textarea-color), var(--textarea-alpha)); + border: none; + box-shadow: var(--liquid-glass-shadow); + color: var(--textarea-text-color); + transition: var(--transition-time) var(--transition-type); +} +.game_b53c4e .gameNameInput_b53c4e:hover:has(input:focus, textarea:focus), .game_b53c4e .gameNameInput_b53c4e:focus:has(input:focus, textarea:focus) { + background-color: rgba(var(--textarea-color), var(--textarea-alpha-focus)); + outline: none !important; +} +.game_b53c4e .lastPlayed_b53c4e { + color: var(--text-muted); +} + +/* + * + * USER SETTINGS APPEARANCE + * + */ +.displayContainer_a1d343, +.colorThemesBackground__965a6 { + background-color: var(--card-color); + border-radius: var(--popout-radius); + border: none; + box-shadow: var(--popout-shadow-border); +} + +/* + * + * USER SETTINGS AUTHORIZED APPS + * + */ +.headingCard__92059 { + background-color: var(--card-color); + border-radius: var(--popout-radius); + border: none; + box-shadow: var(--popout-shadow-border); +} + +.authedAppV2__92059 { + background-color: var(--card-color); + border-radius: var(--popout-radius); + border: none; + box-shadow: var(--popout-shadow-border); +} +.authedAppV2__92059 .headerV2__92059 { + background-color: transparent; + box-shadow: var(--card-header-shadow); + border: none; +} + +.actionMenuButton__8dc78 { + background-color: var(--card-color-hover); + border-radius: 16px; +} +.actionMenuButton__8dc78:hover, .actionMenuButton__8dc78[aria-expanded=true] { + background-color: var(--card-color-select); +} + +/* + * + * USER SETTINGS BILLING + * + */ +.paymentPane__01014 { + background-color: var(--card-color); + border-radius: var(--popout-radius); + border: none; + box-shadow: var(--popout-shadow-border); +} +.paymentPane__01014 > .paymentRow__01014 { + background-color: transparent; + box-shadow: var(--card-header-shadow); + border: none; +} +.paymentPane__01014 .paginator__01014 { + background-color: transparent !important; +} +.paymentPane__01014 .bottomDivider__01014.scrollerBase_d125d2 { + border-block-end: none; +} + +.payment_e9cb00 { + background-color: transparent !important; +} +.payment_e9cb00.bottomDivider__01014 { + border-bottom-color: hsla(0, 0%, 100%, 0.1); +} + +.expandedInfo_e9cb00 { + background-color: var(--card-color) !important; + border-radius: var(--card-radius) !important; + border: none !important; +} + +.pageButtonPrev__2d021, +.pageButtonNext__2d021, +.pageIndicator__2d021 { + background-color: var(--card-color); + border: none; +} + +.pageButtonPrev__2d021:not(.disabled__2d021):hover, +.pageButtonNext__2d021:not(.disabled__2d021):hover { + background-color: var(--card-color-hover); +} + +.pageButtonPrev__2d021 { + border-radius: 21px 0 0 21px; +} + +.pageButtonNext__2d021 { + border-radius: 0 21px 21px 0; +} + +/* + * + * USER SETTINGS CONNECTIONS + * + */ +.connection__41de9 { + background-color: var(--card-color); + border-radius: var(--popout-radius); + border: none; + box-shadow: var(--popout-shadow-border); + padding: 0; +} +.connection__41de9 .connectionHeader__41de9 { + background-color: transparent; + box-shadow: var(--card-header-shadow); + border: none; + padding: var(--space-16); +} +.connection__41de9 .container__35859 { + width: auto; + margin-block-end: var(--space-16); + margin-inline: var(--space-16); +} + +.connectionOptions__41de9, +.metadataContainer__41de9, +.container_f652ac { + margin-inline: var(--space-16); +} + +.connectionOptions__41de9:last-child { + margin-block-end: var(--space-16); +} + +.metadataContainer__41de9 { + background-color: var(--card-color); + border-radius: var(--popout-radius); + border: none; + box-shadow: var(--popout-shadow-border); +} + +/* + * + * USER SETTINGS DEVICES + * + */ +.session__956ff { + padding: 16px; + background-color: var(--card-color); +} +.session__956ff:first-of-type { + margin-block-start: 12px; + border-radius: var(--card-radius) var(--card-radius) 0 0; +} +.session__956ff:last-of-type { + border-radius: 0 0 var(--card-radius) var(--card-radius); + border-block-end: none; +} +.session__956ff:only-child { + border-radius: var(--card-radius); +} + +/* + * + * USER SETTINGS FAMILY CENTER + * + */ +.container__5dbf8 { + background-color: var(--card-color); + border-radius: var(--popout-radius); + border: none; + box-shadow: var(--popout-shadow-border); +} + +.container__8cc9a { + background-color: var(--card-color); + border-radius: var(--popout-radius); + border: none; + box-shadow: var(--popout-shadow-border); +} + +.container__5b321, .container__5b321 .row__0624f { + background-color: var(--card-color); + border-radius: var(--popout-radius); + border: none; + box-shadow: var(--popout-shadow-border); +} +.container__5b321 .iconContainer__0624f { + background-color: var(--background-modifier-hover); +} + +.box_f8c98c, .box_d9914b { + background-color: var(--card-color); + border-radius: var(--popout-radius); + border: none; + box-shadow: var(--popout-shadow-border); +} +.box_f8c98c .stepNumber_d9914b, .box_d9914b .stepNumber_d9914b { + background-color: var(--background-modifier-hover); +} + +.enableCard__74f90 { + background-color: var(--card-color); + border-radius: var(--popout-radius); + border: none; + box-shadow: var(--popout-shadow-border); +} + +/* + * + * USER SETTINGS GAME OVERLAY + * + */ +.wrapper_e03935 { + border-radius: var(--card-radius); + border-color: hsla(var(--accent-hsl), var(--accent-opacity)); +} +.wrapper_e03935 .option_e03935 { + border-radius: var(--card-radius); +} +.wrapper_e03935 .option_e03935:hover, .wrapper_e03935 .option_e03935.selected_e03935 { + background-color: hsla(var(--accent-hsl), var(--accent-opacity)); + border-color: hsla(var(--accent-hsl), var(--accent-opacity)); +} + +/* + * + * USER SETTINGS KEYBINDS + * + */ +.keybindInput__2636e { + min-height: var(--input-height); + height: var(--input-height); + border-radius: var(--input-radius); + background-color: rgba(var(--textarea-color), var(--textarea-alpha)) !important; + border: none !important; + box-shadow: var(--liquid-glass-shadow); + color: var(--textarea-text-color); + transition: var(--transition-time) var(--transition-type); +} +.keybindInput__2636e:has(input:focus, textarea:focus) { + background-color: rgba(var(--textarea-color), var(--textarea-alpha-focus)) !important; + outline: none !important; +} + +/* + * + * USER SETTINGS MY ACCOUNT + * + */ +.accountProfileCard_a9178b { + background-color: var(--card-color); + border-radius: var(--popout-radius); + border: none; + box-shadow: var(--popout-shadow-border); +} +.accountProfileCard_a9178b .wrapper__44b0c { + background-color: transparent; + border: none; + box-shadow: var(--popout-shadow); +} +.accountProfileCard_a9178b .wrapper__44b0c svg { + filter: none; +} +.accountProfileCard_a9178b .background_a9178b { + background-color: var(--card-color); + border-radius: var(--popout-radius); + border: none; + box-shadow: var(--popout-shadow-border); +} +.accountProfileCard_a9178b .background_a9178b .fieldList_a9178b { + background-color: transparent; +} + +.credentialList__6c75d { + margin-block-end: 16px; + padding: 8px; + background-color: var(--card-color); + border-radius: var(--popout-radius); + border: none; + box-shadow: var(--popout-shadow-border); +} + +.credentialItem__6c75d { + border-radius: calc(var(--card-radius) / 1.65); + border-block-start: none; +} +.credentialItem__6c75d:not(:last-child) { + margin-block-end: 0; +} +.credentialItem__6c75d:hover { + background-color: var(--background-modifier-hover); +} + +/* + * + * USER SETTINGS NITRO + * + */ +.expandedProgressBarContainerSettingsPage__2c345, +.giftCard_a45ed3 { + background-color: var(--card-color); + border-radius: var(--popout-radius); + border: none; + box-shadow: var(--popout-shadow-border); +} + +/* + * + * USER SETTINGS PARYT MODE + * + */ +.achievementContainer_f8824b { + background-color: var(--card-color); + border-radius: var(--card-radius); + border: none; +} +.achievementContainer_f8824b:hover { + background-color: var(--card-color-hover); + border: none; +} + +.container__8e75f { + background-color: var(--card-color); + border-radius: var(--card-radius); + border: none; +} +.container__8e75f:hover { + background-color: var(--card-color-hover); + border: none; +} +.container__8e75f .container_e6b065 { + background-color: var(--card-color); +} + +.container_e48555 .container_e6b065 { + background-color: rgba(0, 0, 0, 0.35); +} +.container_e48555 .text-md\/semibold_cf4812, +.container_e48555 .text-xs\/medium_cf4812 { + color: var(--text-normal) !important; +} + +.comboNameplate__257af .comboMultiplier__257af { + color: hsl(var(--accent-hsl)) !important; +} + +.progressBar-1T6LYX { + background-color: hsl(var(--accent-hsl)) !important; +} + +/* + * + * USER SETTINGS PROFILE + * + */ +.upsellOverlayContainer__0f7dc { + border-radius: var(--card-radius); + overflow: hidden; +} + +.upsellOverlay__0f7dc { + border-radius: 0; +} + +.swatch-35F5kl { + border-radius: var(--card-radius); +} + +.bioTextArea__6a919 { + background-color: rgba(var(--textarea-color), var(--textarea-alpha)); + border-radius: var(--textarea-radius); + border: none; +} + +.profileBannerPreview-3mLIdO .avatarUploaderInner_ab876d { + border: none; + box-shadow: var(--popout-shadow); +} +.profileBannerPreview-3mLIdO .avatarUploaderInner_ab876d:hover { + box-shadow: var(--popout-shadow), inset 0 0 120px rgba(0, 0, 0, 0.75); +} +.profileBannerPreview-3mLIdO .fakeActivityWrapper-2i1oU- { + padding-block: 0; + padding-inline: 16px; +} + +/* + * + * USER SETTINGS SERVER BOOST + * + */ +.card__1bfce { + background-color: var(--card-color); + border-radius: var(--popout-radius); + border: none; + box-shadow: var(--popout-shadow-border); +} + +.cardHeader__1bfce { + padding: var(--space-16); + border-block-end: none; +} + +.boostRow__1bfce { + margin-inline: var(--space-8); + background-color: var(--card-color-hover); +} +.boostRow__1bfce:nth-of-type(2) { + border-start-start-radius: calc(var(--card-radius) - var(--space-8)); + border-start-end-radius: calc(var(--card-radius) - var(--space-8)); +} +.boostRow__1bfce.boostRowLast__1bfce { + margin-block-end: var(--space-8); + border-end-start-radius: calc(var(--card-radius) - var(--space-8)); + border-end-end-radius: calc(var(--card-radius) - var(--space-8)); +} + +.card_a12047 { + background-color: var(--card-color); + border-radius: var(--popout-radius); + border: none; + box-shadow: var(--popout-shadow-border); +} + +.card__4b63d { + background-color: var(--card-color); + border-radius: var(--popout-radius); + border: none; + box-shadow: var(--popout-shadow-border); +} + +.listItem_a04c02 { + background-color: var(--card-color); + border-radius: var(--popout-radius); + border: none; + box-shadow: var(--popout-shadow-border); +} + +/* + * + * USER SETTINGS VOICE & VIDEO + * + */ +.cameraWrapper_d41d5f { + background: var(--card-color); + border-radius: var(--card-radius); + border-color: hsla(var(--accent-hsl), var(--accent-opacity)); + border-width: 2px; +} + +/* + * + * SETTINGS CONTENT AREA + * + */ +.contentRegion__23e6b { + background-color: transparent; +} + +.container__9a9f9 { + border-radius: var(--popout-radius); + border: none; + background-color: var(--popout-color); + box-shadow: var(--popout-shadow-border), var(--popout-shadow); + backdrop-filter: blur(var(--popout-blur)) saturate(var(--liquid-glass-saturation)) brightness(1.1); +} + +.contentRegionScroller__23e6b { + background-color: transparent; +} + +/* SETTINGS CONTENT AREA V2 */ +.layer__960e4 { + background-color: transparent; +} + +.modalContentInner_e44912 { + background-color: transparent; +} + +.content_e9e3ed, +.contentHeader_e9e3ed { + background-color: transparent; +} + +.scrim__40128 { + background-color: transparent; + backdrop-filter: blur(5px); +} + +/* + * + * SETTINGS SIDEBAR + * + */ +.standardSidebarView__23e6b { + border-radius: var(--popout-radius); + border: none; + background-color: var(--popout-color); + box-shadow: var(--popout-shadow-border), var(--popout-shadow); + backdrop-filter: blur(var(--popout-blur)) saturate(var(--liquid-glass-saturation)) brightness(1.1); + margin-block-start: var(--custom-app-top-bar-height); +} + +.sidebarRegionScroller__23e6b { + background-color: transparent; +} + +.platform-win .contentRegionScroller__23e6b { + margin-block-start: 0; +} + +.side_aa8da2 .item_aa8da2 { + border-radius: var(--list-item-radius); +} + +.selectedBackground_e681d1 { + display: none; +} + +/* SETTINGS SIDEBAR V2 */ +.sidebar__409aa { + background-color: transparent; +} + +.fixedContent__409aa:after { + display: none; +} + +/* + * + * DISCORD SHOP HOME VIEW + * + */ +.shop__6db1d { + border-start-end-radius: var(--app-radius); + border-end-end-radius: var(--app-radius); +} + +.shop__08415, +.shop__6db1d { + background-color: var(--main-content-color); +} + +.page__1feb0, +.shop__08415 { + background-color: transparent; +} + +.heroBanner_e16ab1, +.shopBanner__7f856 { + border-radius: var(--card-radius); +} + +.shopViewWrapper__6db1d .scrollerBase_d125d2 { + background-color: transparent; +} + +.darkCardBackground_c3d04b, +.lightCardBackground_c3d04b { + background-color: transparent; + border-block-start: none; +} + +.preview_c3d04b { + box-shadow: var(--card-header-shadow); +} + +.productCardContainer_fcbddd { + border-radius: var(--popout-radius); + border: none; + background-color: var(--card-color); + box-shadow: var(--popout-shadow-border); + backdrop-filter: blur(0px) saturate(var(--liquid-glass-saturation)) brightness(1.1); +} +.productCardContainer_fcbddd:hover { + inset-block-start: unset; +} +.productCardContainer_fcbddd .avatarContainer_c3d04b { + box-shadow: var(--card-header-shadow); +} +.productCardContainer_fcbddd .cardText_c3d04b { + width: 100%; + inset-inline-start: 0; + inset-block-end: 0; +} +.productCardContainer_fcbddd .cardTextBlur_c23530 { + border-radius: 0 0 var(--card-radius) var(--card-radius); +} +.productCardContainer_fcbddd .cardBackground_c23530 { + background-color: transparent !important; +} + +.footerGradient_fcbddd { + --background-base-lowest: var(--card-color-hover); +} + +.footerInfoContainer_fcbddd * { + text-shadow: 0px 0px 3px hsla(0, 0%, 0%, 0.6) !important; +} + +/* + * + * VISUAL REFRESH + * + */ +.visual-refresh.refresh-fast-follow-guild-bg .bg__960e4 { + background: transparent; +} +.visual-refresh.refresh-fast-follow-guild-bg .wrapper_ef3116 { + background: transparent; +} + +.align-chat-input .container__2637a .scrollerBase_d125d2, +.align-chat-input .privateChannels_e6b769 .scrollerBase_d125d2 { + margin-block-end: 0; +} +.align-chat-input .scrollerSpacer__36d07 { + height: var(--space-24); +} +.align-chat-input .attachWrapper__0923f { + padding: 0; +} +.align-chat-input .attachButtonInner__0923f, +.align-chat-input .button__24af7:not(.noHover__24af7), +.align-chat-input .emojiButton__04eed { + border-radius: var(--space-16); +} + +/*# sourceMappingURL=main.css.map */ \ No newline at end of file