Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- @import url(https://maendisease.github.io/BetterDiscordStuff/css/ProfileBannerSkins.css);
- @import url(https://maendisease.github.io/BetterDiscordStuff/css/bdAddonMini.css);
- @import url(https://maendisease.github.io/BetterDiscordStuff/css/bearableInbox.css);
- @import url(https://discordstyles.github.io/RadialStatus/dist/RadialStatus.css);
- @import url(https://mwittrien.github.io/BetterDiscordAddons/Themes/SettingsModal/SettingsModal.css);
- @import url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/SettingsIcons.css);
- @import url(https://discordstyles.github.io/HorizontalServerList/resizablelist.css);
- :root {
- --hue-shift: 0;
- --content-width: 940px;
- --message-width: 640px;
- --custom-font: "gg sans";
- --custom-font-code: monospace;
- }
- :root {
- --accent-hue: calc(205 + var(--hue-shift));
- --accent-saturation: 100%;
- --accent-brightness: 55%;
- --app-gutter: 24px;
- --content-gutter: 16px;
- --content-inner-width: calc(var(--content-width) - 284px);
- --font-primary: var(--custom-font), "gg sans", "Noto Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
- --font-display: var(--custom-font), "gg sans", "Noto Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
- --font-code: var(--custom-font-code), monospace, Consolas, "Andale Mono WT", "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Liberation Mono", "Nimbus Mono L", Monaco, "Courier New", Courier, monospace;
- }
- .theme-dark,
- .theme-light {
- --modal-background: radial-gradient(circle at top left, hsl(calc(var(--accent-hue) + 12) calc(var(--saturation-factor, 1)*10.8%) 32.5%/0.4) 0%, hsl(calc(var(--accent-hue) + 14) calc(var(--saturation-factor, 1)*10.2%) 32.7%/0) 60%), hsl(calc(var(--accent-hue) + 15) calc(var(--saturation-factor, 1)*10.8%) 16.3%);
- --text-muted: hsl(calc(var(--accent-hue) + 7) calc(var(--saturation-factor, 1)*6.9%) 57.5%);
- --header-secondary: hsl(calc(var(--accent-hue) + 1) calc(var(--saturation-factor, 1)*5.2%) 73.5%);
- }
- .theme-dark {
- --titlebar-height: 36px;
- --store-sidebar-background: linear-gradient(to right, rgb(0 0 0/.2) 0%, rgb(0 0 0/.5) 100%);
- --code-background: hsl(calc(var(--accent-hue) - 2) calc(var(--saturation-factor, 1)*27.6%) 11.4%);
- --contextmenu-background: var(--background-accent);
- --contextmenu-shadow: 3px 3px 5px -3px #000;
- --contextmenu-text: hsl(calc(var(--accent-hue) - 5) calc(var(--saturation-factor, 1)*4.5%) 86.9%);
- --contextmenu-text-hover: hsl(calc(var(--accent-hue) + 17) calc(var(--saturation-factor, 1)*17.9%) 11%);
- --contextmenu-gradient:
- linear-gradient(90deg,
- hsl(var(--accent-hue) calc(var(--saturation-factor, 1)*100%) 56.5%/.1) 1.89%,
- hsl(calc(var(--accent-hue) + 35) calc(var(--saturation-factor, 1)*1%) 19.8%/0) 50%),
- linear-gradient(180deg,
- hsl(calc(var(--accent-hue) + 28) calc(var(--saturation-factor, 1)*4.9%) 35.9%) 11.6%,
- hsl(var(--accent-hue) calc(var(--saturation-factor, 1)*17.1%) 27.5%) 54.73%,
- hsl(calc(var(--accent-hue) + 27) calc(var(--saturation-factor, 1)*8.3%) 18.8%) 100%);
- --quote-color: hsl(calc(var(--accent-hue) - 3) calc(var(--saturation-factor, 1)*19.2%) 41.8%);
- --store-divider: linear-gradient(to right, hsl(calc(var(--accent-hue) - 4), calc(var(--saturation-factor, 1)*41.1%), 38.6%) 0%, transparent 100%);
- --text-linkHi: hsl(calc(var(--accent-hue) - 8) calc(var(--saturation-factor, 1)*88%) 70%);
- --text-linkHi-hover: hsl(calc(var(--accent-hue) - 8) calc(var(--saturation-factor, 1)*100%) 85%);
- --app-bg: hsl(213 35% 16%);
- --banner-lightblue: linear-gradient(135deg, hsl(calc(var(--accent-hue) - 10) calc(var(--saturation-factor, 1)*2%) 38.8%/.3) 0%, hsl(calc(var(--accent-hue) - 2) calc(var(--saturation-factor, 1)*100%) 94.3%/.3) 100%);
- --banner-lightblue-hover: hsl(calc(var(--accent-hue) - 3) calc(var(--saturation-factor, 1)*40.9%) 43.1%);
- --banner-lightblue-input: hsl(calc(var(--accent-hue) + 7) calc(var(--saturation-factor, 1)*21.8%) 17.1%);
- --banner-blue: linear-gradient(135deg, hsl(calc(var(--accent-hue) - 3) calc(var(--saturation-factor, 1)*40.7%) 42.4%/.4) 10%, hsl(calc(var(--accent-hue) - 3) calc(var(--saturation-factor, 1)*86.6%) 67.8%/.4) 100%);
- --banner-blue-child: linear-gradient(135deg, hsl(calc(var(--accent-hue) - 2) calc(var(--saturation-factor, 1)*41.2%) 10%/.4) 10%, rgb(0 0 0/.4) 100%);
- --banner-shadow: 2px 2px 15px rgb(0 0 0/.4);
- --banner-green: linear-gradient(60deg, rgb(117 176 34/.7) 5%, rgb(88 138 27/.6) 95%);
- --banner-yellow: linear-gradient(135deg, rgb(130 114 81/.5) 0%, rgb(226 197 139/.5) 100%);
- --banner-red: linear-gradient(135deg, hsl(0 67.3% 22.4%/.6) 5%, hsl(0 67.8% 51.4%/.7) 95%);
- }
- :root,
- .theme-dark {
- --modal-popout-message: hsl(calc(var(--accent-hue) + 18) calc(var(--saturation-factor, 1)*12.3%) 22.4%);
- --background-secondary: hsl(calc(var(--accent-hue) + 17) calc(var(--saturation-factor, 1)*10.6%) 18.4%);
- --background-tertiary: hsl(calc(var(--accent-hue) + 9) calc(var(--saturation-factor, 1)*23.3%) 11.8%);
- --interactive-normal: hsl(calc(var(--accent-hue) + 7) calc(var(--saturation-factor, 1)*7%) 57%);
- --interactive-hover: hsl(calc(var(--accent-hue) + 1) calc(var(--saturation-factor, 1)*5%) 74%);
- --background-modifier-hover: hsl(var(--accent-hue) calc(var(--saturation-factor, 1)*24%) 68%/0.3);
- --background-modifier-active: var(--background-modifier-hover);
- --message-background-gradient-blue: linear-gradient(135deg, hsl(var(--accent-hue) 23.2% 41.4%/.5) 0%, hsl(var(--accent-hue) 60% 71.6%/.5) 100%);
- --darker-grey: hsl(calc(var(--accent-hue) + 15) calc(var(--saturation-factor, 1)*8.6%) 13.7%);
- --modal-footer-background: none;
- --modal-shadow: 1px 3px 14px rgb(0 0 0/.65);
- --background-accent-25: hsl(calc(var(--accent-hue) + 13) calc(var(--saturation-factor, 1)*13.5%) 27.6%/.25);
- --background-accent-75: hsl(calc(var(--accent-hue) + 13) calc(var(--saturation-factor, 1)*13.5%) 27.6%/.75);
- --background-accent: hsl(calc(var(--accent-hue) + 13) calc(var(--saturation-factor, 1)*13.5%) 27.6%);
- --background-accent-hover: hsl(calc(var(--accent-hue) + 8) calc(var(--saturation-factor, 1)*8.8%) 44.3%);
- --background-modifier-accent: hsl(calc(var(--accent-hue) + 8) calc(var(--saturation-factor, 1)*8.8%) 44.3%/.3);
- --background-modifier-accent-compat: hsl(calc(var(--accent-hue) + 8) calc(var(--saturation-factor, 1)*8.8%) 44.3%/.3);
- --background-modifier-accent-dark: hsl(calc(var(--accent-hue) + 19) calc(var(--saturation-factor, 1)*13.6%) 15.9%);
- --header-primary: #fff;
- --scroller-color: hsl(calc(var(--accent-hue) + 13) calc(var(--saturation-factor, 1)*10.7%) 29.4%);
- --scroller-hover-color: hsl(calc(var(--accent-hue) + 15) calc(var(--saturation-factor, 1)*5.5%) 32.4%);
- --channels-category: hsl(calc(var(--accent-hue) + 2) calc(var(--saturation-factor, 1)*23.5%) 42.5%);
- --channels-default: hsl(calc(var(--accent-hue) - 1) calc(var(--saturation-factor, 1)*18.7%) 52.7%);
- --channels-default-hover: hsl(calc(var(--accent-hue) - 3) calc(var(--saturation-factor, 1)*88.6%) 67.8%);
- --channel-icon: var(--channels-category);
- --channel-selected: radial-gradient(circle at 0%, hsl(calc(var(--accent-hue) + 2) calc(var(--saturation-factor, 1)*23.5%) 42.5%/0) 20%, hsl(calc(var(--accent-hue) + 2) calc(var(--saturation-factor, 1)*23.5%) 42.5%/.25) 100%);
- --tooltip-background: hsl(calc(var(--accent-hue) + 45) calc(var(--saturation-factor, 1)*5.5%) 42.7%);
- --tooltip-text: hsl(calc(var(--accent-hue) + 25) calc(var(--saturation-factor, 1)*10.7%) 89%);
- --text-lighter: hsl(calc(var(--accent-hue) + 1) calc(var(--saturation-factor, 1)*12.3%) 88.8%);
- --header-button-background: hsl(calc(var(--accent-hue) + 8) calc(var(--saturation-factor, 1)*8.8%) 44.3%/.2);
- --sidebar-btn-brand: hsl(calc(var(--accent-hue) - 3) calc(var(--saturation-factor, 1)*87.7%) 68.2%/.1);
- --btn-brand: hsl(calc(var(--accent-hue) - 3) calc(var(--saturation-factor, 1)*87.7%) 68.2%/.2);
- --btn-brand-border: hsl(calc(var(--accent-hue) - 3) calc(var(--saturation-factor, 1)*87.7%) 68.2%/.15);
- --btn-brand-text: hsl(calc(var(--accent-hue) - 3) calc(var(--saturation-factor, 1)*87.7%) 68.2%);
- --btn-brand-hover: linear-gradient(-60deg, hsl(calc(var(--accent-hue) - 3) calc(var(--saturation-factor, 1)*40.9%) 43.1%) 5%, var(--btn-brand-text) 95%);
- --btn-grey: hsl(calc(var(--accent-hue) + 17) calc(var(--saturation-factor, 1)*9.9%) 25.7%/.5);
- --btn-grey-hover: hsl(calc(var(--accent-hue) + 12) calc(var(--saturation-factor, 1)*11.4%) 31.0%);
- --btn-grey-hover-light: hsl(calc(var(--accent-hue) + 13) calc(var(--saturation-factor, 1)*10.7%) 29.4%/.6);
- --btn-grey-boxshadow: 0 8px 16px 0 rgb(0 0 0/.3);
- --btn-dark: rgb(0 0 0/.2);
- --btn-dark-text: hsl(calc(var(--accent-hue) - 3) calc(var(--saturation-factor, 1)*86.6%) 67.8%);
- --btn-dark-hover: hsl(calc(var(--accent-hue) - 3) calc(var(--saturation-factor, 1)*86.6%) 67.8%/.4);
- --button-positive-background: var(--gpColor-Green);
- --button-positive-background-hover: hsl(96 58% 30%);
- --store-tablist-btn: linear-gradient(135deg, hsl(var(--accent-hue) calc(var(--saturation-factor, 1)*39.6%) 39.6%) 0%, hsl(var(--accent-hue) calc(var(--saturation-factor, 1)*41.8%) 31%) 100%);
- --dropdown-popout-background: hsl(calc(var(--accent-hue) + 12) calc(var(--saturation-factor, 1)*10.6%) 24.1%);
- --dropdown-popout-shadow: 0 8px 26px 2px rgb(0 0 0/.2);
- --dropdown-popout-hover: hsl(calc(var(--accent-hue) + 11) calc(var(--saturation-factor, 1)*10.8%) 27.3%);
- --store-search-border: hsl(calc(var(--accent-hue) + 8) calc(var(--saturation-factor, 1)*37.8%) 53.3%/.2);
- --topbar-item-hover: linear-gradient(90deg, hsl(var(--accent-hue) calc(var(--saturation-factor, 1)*100%) 56.5%/.25) 0%, hsl(var(--accent-hue) calc(var(--saturation-factor, 1)*100%) 56.5%/.15) 50%, rgb(50 50 51/0) 100%);
- --topbar-item-selected: hsl(calc(var(--accent-hue) + 6) calc(var(--saturation-factor, 1)*100%) 56.1%);
- --app-background: hsl(calc(var(--accent-hue) + 8) calc(var(--saturation-factor, 1)*35%) 16%);
- --store-body-header: hsl(calc(var(--accent-hue) - 9) calc(var(--saturation-factor, 1)*98.4%) 25.3%);
- --mention-background: var(--btn-brand);
- --mention-foreground: var(--btn-brand-text);
- --info-warning-foreground: var(--gpColor-Yellow);
- --info-positive-foreground: var(--gpColor-Green);
- --info-danger-foreground: var(--gpColor-Red);
- --text-positive: var(--gpColor-Green);
- --gpColor-Green: #5ba32b;
- --gpColor-GreenHi: #59BF40;
- --gpColor-GreenHi-hsl: 108 49.8% 50.0%;
- --gpColor-Red: #D94126;
- --gpColor-Yellow: #FFC82C;
- --gpColor-Grey: #4f5159;
- }
- #app-mount:has(.themeEditor__6df21) {
- --theme-preview-width: 260px;
- }
- :root {
- --use-settingsicons: calc(var(--settingsicons, 1) / (var(--settingsicons, 1) + 0.00000000000000000000001));
- --settingsicons-size: 20px;
- --settingsicons-default: url(https://maendisease.github.io/Steam/illustrations/icns/developer.svg);
- --settingsicons-myaccount: url(https://maendisease.github.io/Steam/illustrations/icns/account.svg);
- --settingsicons-profile: url(https://maendisease.github.io/Steam/illustrations/icns/pencil.svg);
- --settingsicons-privacy: url(https://maendisease.github.io/Steam/illustrations/icns/security.svg);
- --settingsicons-family: url(https://maendisease.github.io/Steam/illustrations/icns/family.svg);
- --settingsicons-sessions: url(https://maendisease.github.io/Steam/illustrations/icns/remoteplay.svg);
- --settingsicons-friendrequests: url(https://maendisease.github.io/Steam/illustrations/icns/friends&chat.svg);
- --settingsicons-subscriptions: url(https://maendisease.github.io/Steam/illustrations/icns/star.svg);
- --settingsicons-billing: url(https://maendisease.github.io/Steam/illustrations/icns/funds.svg);
- --settingsicons-voice: url(https://maendisease.github.io/Steam/illustrations/icns/voice.svg);
- --settingsicons-text: url(https://maendisease.github.io/Steam/illustrations/icns/textbubble.svg);
- --settingsicons-notifications: url(https://maendisease.github.io/Steam/illustrations/icns/notifications.svg);
- --settingsicons-windows: url(https://maendisease.github.io/Steam/illustrations/icns/library.svg);
- --settingsicons-streamermode: url(https://maendisease.github.io/Steam/illustrations/icns/broadcast.svg);
- --settingsicons-advanced: url(https://maendisease.github.io/Steam/illustrations/icns/developer.svg);
- --settingsicons-games: url(https://maendisease.github.io/Steam/illustrations/icns/controller.svg);
- --settingsicons-overlay: url(https://maendisease.github.io/Steam/illustrations/icns/ingame.svg);
- --settingsicons-bd-settings: url(https://maendisease.github.io/Steam/illustrations/icns/settings.svg);
- --settingsicons-bd-changelog: url(https://maendisease.github.io/Steam/illustrations/icns/cloud.svg);
- --settingsicons-changelog: url(https://maendisease.github.io/Steam/illustrations/icns/clock.svg);
- --settingsicons-developer: url(https://maendisease.github.io/Steam/illustrations/icns/developer.svg);
- }
- .standardSidebarView__1129a:has(.socialLinks_c1fc99) .contentColumnDefault_c66386:not(.repoScroller_9JnAPs) div:first-child > div:first-child > .sectionTitle_e32631:first-child .title__3e421::before, .standardSidebarView__1129a:has(.socialLinks_c1fc99) .contentColumnDefault_c66386:not(.repoScroller_9JnAPs) div:first-child > div:first-child > h2.title__3e421::before, .standardSidebarView__1129a:has(.socialLinks_c1fc99) .contentColumnDefault_c66386:not(.repoScroller_9JnAPs) div:first-child > .sectionTitle__1605a::before, .standardSidebarView__1129a:has(.socialLinks_c1fc99) .contentColumnDefault_c66386.repoHeader_2KfNvH .title__3e421::before, .standardSidebarView__1129a:has(.socialLinks_c1fc99) .contentColumnDefault_c66386:not(.repoScroller_9JnAPs) > h2:first-child::before, .standardSidebarView__1129a:has(.socialLinks_c1fc99) .contentColumnWide_f71d35:not(.repoScroller_9JnAPs) > h2:first-child::before, .standardSidebarView__1129a:has(.socialLinks_c1fc99) .contentColumnDefault_c66386:not(.repoScroller_9JnAPs) > .settingsTabBar__17e8a:first-child::before, .standardSidebarView__1129a:has(.socialLinks_c1fc99) .contentColumnDefault_c66386:not(.repoScroller_9JnAPs) > *:first-child > .settingsTabBar__19aa3::before {
- display: none;
- }
- :root {
- --settingsmodalbackground: transparent;
- --settingswidth: 850;
- --settingsheight: 80;
- }
- #app-mount .contentRegion__0bec1 {
- flex: 1 1 100%;
- }
- :root {
- --server-size: 28px;
- --HSL-server-spacing: 10px;
- --HSL-server-direction: column;
- }
- :root {
- --rs-small-spacing: 0;
- --rs-medium-spacing: 0;
- --rs-large-spacing: 0;
- --rs-small-width: 2px;
- --rs-medium-width: 2px;
- --rs-large-width: 2px;
- --rs-avatar-shape: 0%;
- --rs-online-color: var(--gpColor-Green);
- --rs-idle-color: var(--gpColor-Yellow);
- --rs-dnd-color: var(--gpColor-Red);
- --rs-offline-color: var(--gpColor-Grey);
- --rs-streaming-color: #643da7;
- --rs-invisible-color: var(--gpColor-Grey);
- --rs-phone-color: var(--rs-online-color);
- --rs-phone-visible: none;
- }
- :root {
- --brand-experiment: hsl(var(--accent-hue), calc(var(--saturation-factor, 1)*var(--accent-saturation)), var(--accent-brightness));
- --brand-experiment-100: hsl(var(--accent-hue), calc(var(--saturation-factor, 1)*var(--accent-saturation)), 98%);
- --brand-experiment-130: hsl(var(--accent-hue), calc(var(--saturation-factor, 1)*var(--accent-saturation)), 93.2%);
- --brand-experiment-160: hsl(var(--accent-hue), calc(var(--saturation-factor, 1)*var(--accent-saturation)), 88.3%);
- --brand-experiment-200: hsl(var(--accent-hue), calc(var(--saturation-factor, 1)*var(--accent-saturation)), 83.5%);
- --brand-experiment-230: hsl(var(--accent-hue), calc(var(--saturation-factor, 1)*var(--accent-saturation)), 78.7%);
- --brand-experiment-260: hsl(var(--accent-hue), calc(var(--saturation-factor, 1)*var(--accent-saturation)), 73.8%);
- --brand-experiment-300: hsl(var(--accent-hue), calc(var(--saturation-factor, 1)*var(--accent-saturation)), 69%);
- --brand-experiment-330: hsl(var(--accent-hue), calc(var(--saturation-factor, 1)*var(--accent-saturation)), 64.2%);
- --brand-experiment-360: hsl(var(--accent-hue), calc(var(--saturation-factor, 1)*var(--accent-saturation)), 59.3%);
- --brand-experiment-400: hsl(var(--accent-hue), calc(var(--saturation-factor, 1)*var(--accent-saturation)), 54.5%);
- --brand-experiment-430: hsl(var(--accent-hue), calc(var(--saturation-factor, 1)*var(--accent-saturation)), 49.7%);
- --brand-experiment-460: hsl(var(--accent-hue), calc(var(--saturation-factor, 1)*var(--accent-saturation)), 44.8%);
- --brand-experiment-500: hsl(var(--accent-hue), calc(var(--saturation-factor, 1)*var(--accent-saturation)), var(--accent-brightness));
- --brand-experiment-530: hsl(var(--accent-hue), calc(var(--saturation-factor, 1)*63.8%), 36.9%);
- --brand-experiment-560: hsl(var(--accent-hue), calc(var(--saturation-factor, 1)*51%), 33.8%);
- --brand-experiment-600: hsl(var(--accent-hue), calc(var(--saturation-factor, 1)*46.6%), 30.8%);
- --brand-experiment-630: hsl(var(--accent-hue), calc(var(--saturation-factor, 1)*46.6%), 27.7%);
- --brand-experiment-660: hsl(var(--accent-hue), calc(var(--saturation-factor, 1)*46.6%), 24.6%);
- --brand-experiment-680: hsl(var(--accent-hue), calc(var(--saturation-factor, 1)*81%), 30%);
- --brand-experiment-700: hsl(var(--accent-hue), calc(var(--saturation-factor, 1)*46.6%), 21.5%);
- --brand-experiment-730: hsl(var(--accent-hue), calc(var(--saturation-factor, 1)*46.6%), 18.4%);
- --brand-experiment-760: hsl(var(--accent-hue), calc(var(--saturation-factor, 1)*46.6%), 15.3%);
- --brand-experiment-800: hsl(var(--accent-hue), calc(var(--saturation-factor, 1)*46.6%), 12.3%);
- --brand-experiment-830: hsl(var(--accent-hue), calc(var(--saturation-factor, 1)*46.6%), 9.2%);
- --brand-experiment-860: hsl(var(--accent-hue), calc(var(--saturation-factor, 1)*46.6%), 6.1%);
- --brand-experiment-900: hsl(var(--accent-hue), calc(var(--saturation-factor, 1)*46.6%), 3%);
- --brand-experiment-05a: hsla(var(--accent-hue), calc(var(--saturation-factor, 1)*var(--accent-saturation)), var(--accent-brightness), 0.05);
- --brand-experiment-10a: hsla(var(--accent-hue), calc(var(--saturation-factor, 1)*var(--accent-saturation)), var(--accent-brightness), 0.1);
- --brand-experiment-15a: hsla(var(--accent-hue), calc(var(--saturation-factor, 1)*var(--accent-saturation)), var(--accent-brightness), 0.15);
- --brand-experiment-20a: hsla(var(--accent-hue), calc(var(--saturation-factor, 1)*var(--accent-saturation)), var(--accent-brightness), 0.2);
- --brand-experiment-25a: hsla(var(--accent-hue), calc(var(--saturation-factor, 1)*var(--accent-saturation)), var(--accent-brightness), 0.25);
- --brand-experiment-30a: hsla(var(--accent-hue), calc(var(--saturation-factor, 1)*var(--accent-saturation)), var(--accent-brightness), 0.3);
- --brand-experiment-35a: hsla(var(--accent-hue), calc(var(--saturation-factor, 1)*var(--accent-saturation)), var(--accent-brightness), 0.35);
- --brand-experiment-40a: hsla(var(--accent-hue), calc(var(--saturation-factor, 1)*var(--accent-saturation)), var(--accent-brightness), 0.4);
- --brand-experiment-45a: hsla(var(--accent-hue), calc(var(--saturation-factor, 1)*var(--accent-saturation)), var(--accent-brightness), 0.45);
- --brand-experiment-50a: hsla(var(--accent-hue), calc(var(--saturation-factor, 1)*var(--accent-saturation)), var(--accent-brightness), 0.5);
- --brand-experiment-55a: hsla(var(--accent-hue), calc(var(--saturation-factor, 1)*var(--accent-saturation)), var(--accent-brightness), 0.55);
- --brand-experiment-60a: hsla(var(--accent-hue), calc(var(--saturation-factor, 1)*var(--accent-saturation)), var(--accent-brightness), 0.6);
- --brand-experiment-65a: hsla(var(--accent-hue), calc(var(--saturation-factor, 1)*var(--accent-saturation)), var(--accent-brightness), 0.65);
- --brand-experiment-70a: hsla(var(--accent-hue), calc(var(--saturation-factor, 1)*var(--accent-saturation)), var(--accent-brightness), 0.7);
- --brand-experiment-75a: hsla(var(--accent-hue), calc(var(--saturation-factor, 1)*var(--accent-saturation)), var(--accent-brightness), 0.75);
- --brand-experiment-80a: hsla(var(--accent-hue), calc(var(--saturation-factor, 1)*var(--accent-saturation)), var(--accent-brightness), 0.8);
- --brand-experiment-85a: hsla(var(--accent-hue), calc(var(--saturation-factor, 1)*var(--accent-saturation)), var(--accent-brightness), 0.85);
- --brand-experiment-90a: hsla(var(--accent-hue), calc(var(--saturation-factor, 1)*var(--accent-saturation)), var(--accent-brightness), 0.9);
- --brand-experiment-95a: hsla(var(--accent-hue), calc(var(--saturation-factor, 1)*var(--accent-saturation)), var(--accent-brightness), 0.95);
- --brand-100: hsl(var(--accent-hue), calc(var(--saturation-factor, 1) * 77.8%), 98.2%);
- --brand-130: hsl(var(--accent-hue), calc(var(--saturation-factor, 1) * 87.5%), 96.9%);
- --brand-160: hsl(var(--accent-hue), calc(var(--saturation-factor, 1) * 84.6%), 94.9%);
- --brand-200: hsl(var(--accent-hue), calc(var(--saturation-factor, 1) * 83.3%), 92.9%);
- --brand-230: hsl(var(--accent-hue), calc(var(--saturation-factor, 1) * 87%), 91%);
- --brand-260: hsl(var(--accent-hue), calc(var(--saturation-factor, 1) * 86.2%), 88.6%);
- --brand-300: hsl(var(--accent-hue), calc(var(--saturation-factor, 1) * 86.1%), 85.9%);
- --brand-330: hsl(var(--accent-hue), calc(var(--saturation-factor, 1) * 85.1%), 81.6%);
- --brand-345: hsl(var(--accent-hue), calc(var(--saturation-factor, 1) * 85.2%), 78.8%);
- --brand-360: hsl(var(--accent-hue), calc(var(--saturation-factor, 1) * 86.1%), 77.5%);
- --brand-400: hsl(var(--accent-hue), calc(var(--saturation-factor, 1) * 86.1%), 71.8%);
- --brand-430: hsl(var(--accent-hue), calc(var(--saturation-factor, 1) * 85.7%), 69.8%);
- --brand-460: hsl(var(--accent-hue), calc(var(--saturation-factor, 1) * 85.5%), 67.5%);
- --brand-500: hsl(var(--accent-hue), calc(var(--saturation-factor, 1) * 85.6%), 64.7%);
- --brand-530: hsl(var(--accent-hue), calc(var(--saturation-factor, 1) * 66.7%), 58.8%);
- --brand-560: hsl(var(--accent-hue), calc(var(--saturation-factor, 1) * 51.4%), 52.4%);
- --brand-600: hsl(var(--accent-hue), calc(var(--saturation-factor, 1) * 46.7%), 44.1%);
- --brand-630: hsl(var(--accent-hue), calc(var(--saturation-factor, 1) * 46.7%), 38.2%);
- --brand-660: hsl(var(--accent-hue), calc(var(--saturation-factor, 1) * 47.1%), 33.3%);
- --brand-700: hsl(var(--accent-hue), calc(var(--saturation-factor, 1) * 47%), 25.9%);
- --brand-730: hsl(var(--accent-hue), calc(var(--saturation-factor, 1) * 46.8%), 24.3%);
- --brand-760: hsl(var(--accent-hue), calc(var(--saturation-factor, 1) * 46.9%), 22.2%);
- --brand-800: hsl(var(--accent-hue), calc(var(--saturation-factor, 1) * 47.5%), 19.4%);
- --brand-830: hsl(var(--accent-hue), calc(var(--saturation-factor, 1) * 47.4%), 14.9%);
- --brand-860: hsl(var(--accent-hue), calc(var(--saturation-factor, 1) * 46.9%), 9.6%);
- --brand-900: hsl(var(--accent-hue), calc(var(--saturation-factor, 1) * 50%), 3.1%);
- --brand-new-100: hsl(var(--accent-hue), calc(var(--saturation-factor, 1) * 77.8%), 98.2%);
- --brand-new-130: hsl(var(--accent-hue), calc(var(--saturation-factor, 1) * 87.5%), 96.9%);
- --brand-new-160: hsl(var(--accent-hue), calc(var(--saturation-factor, 1) * 84.6%), 94.9%);
- --brand-new-200: hsl(var(--accent-hue), calc(var(--saturation-factor, 1) * 83.3%), 92.9%);
- --brand-new-230: hsl(var(--accent-hue), calc(var(--saturation-factor, 1) * 87%), 91%);
- --brand-new-260: hsl(var(--accent-hue), calc(var(--saturation-factor, 1) * 86.2%), 88.6%);
- --brand-new-300: hsl(var(--accent-hue), calc(var(--saturation-factor, 1) * 86.1%), 85.9%);
- --brand-new-330: hsl(var(--accent-hue), calc(var(--saturation-factor, 1) * 85.1%), 81.6%);
- --brand-new-345: hsl(var(--accent-hue), calc(var(--saturation-factor, 1) * 85.2%), 78.8%);
- --brand-new-360: hsl(var(--accent-hue), calc(var(--saturation-factor, 1) * 86.1%), 77.5%);
- --brand-new-400: hsl(var(--accent-hue), calc(var(--saturation-factor, 1) * 86.1%), 71.8%);
- --brand-new-430: hsl(var(--accent-hue), calc(var(--saturation-factor, 1) * 85.7%), 69.8%);
- --brand-new-460: hsl(var(--accent-hue), calc(var(--saturation-factor, 1) * 85.5%), 67.5%);
- --brand-new-500: hsl(var(--accent-hue), calc(var(--saturation-factor, 1) * 85.6%), 64.7%);
- --brand-new-530: hsl(var(--accent-hue), calc(var(--saturation-factor, 1) * 66.7%), 58.8%);
- --brand-new-560: hsl(var(--accent-hue), calc(var(--saturation-factor, 1) * 51.4%), 52.4%);
- --brand-new-600: hsl(var(--accent-hue), calc(var(--saturation-factor, 1) * 46.7%), 44.1%);
- --brand-new-630: hsl(var(--accent-hue), calc(var(--saturation-factor, 1) * 46.7%), 38.2%);
- --brand-new-660: hsl(var(--accent-hue), calc(var(--saturation-factor, 1) * 47.1%), 33.3%);
- --brand-new-700: hsl(var(--accent-hue), calc(var(--saturation-factor, 1) * 47%), 25.9%);
- --brand-new-730: hsl(var(--accent-hue), calc(var(--saturation-factor, 1) * 46.8%), 24.3%);
- --brand-new-760: hsl(var(--accent-hue), calc(var(--saturation-factor, 1) * 46.9%), 22.2%);
- --brand-new-800: hsl(var(--accent-hue), calc(var(--saturation-factor, 1) * 47.5%), 19.4%);
- --brand-new-830: hsl(var(--accent-hue), calc(var(--saturation-factor, 1) * 47.4%), 14.9%);
- --brand-new-860: hsl(var(--accent-hue), calc(var(--saturation-factor, 1) * 46.9%), 9.6%);
- --brand-new-900: hsl(var(--accent-hue), calc(var(--saturation-factor, 1) * 50%), 3.1%);
- }
- [class^=appMount],
- body,
- [class^=app]:has(> [class^=bg]) {
- background: none;
- }
- [class^=app] > [class^=bg] {
- background: url(data:image/avif;base64,AAAAHGZ0eXBtaWYxAAAAAG1pZjFhdmlmbWlhZgAAAPRtZXRhAAAAAAAAACFoZGxyAAAAAAAAAABwaWN0AAAAAAAAAAAAAAAAAAAAAA5waXRtAAAAAAABAAAAHmlsb2MAAAAABEAAAQABAAAAAAEYAAEAAAcQAAAAKGlpbmYAAAAAAAEAAAAaaW5mZQIAAAAAAQAAYXYwMUltYWdlAAAAAHNpcHJwAAAAVGlwY28AAAAUaXNwZQAAAAAAAAfQAAADIAAAABBwYXNwAAAAAQAAAAEAAAAYYXYxQ4EoAAAKCjoqfn4/0gIaAEAAAAAQcGl4aQAAAAADCAgIAAAAF2lwbWEAAAAAAAAAAQABBAECg4QAAAcYbWRhdAoKOip+fj/SAhoAQDKBDkRkAEEEEEl1kN7z3JlHjTBI2xENnm+pZu6ljfJeoXHFuhRuDLU8w+zRdn4msPR7pc9gUlwYCWIqTGGhj1xcI5YS5Va5q08NqNvGSpyssEWteMIBb0bnQ0ZJ185ymk3COWZmPGTNKWR0s3eiZa6QcVgOsXwAJKcdu70SQY8i9Ccv4/y3ejUQKtcQuEEukHj1D/xjRpoGi4RjoNYMRSa2LqjST0i1LoDM/RN9GhvqD1ENGLPSOfO/96vaHZ87q/pjutzbL2Mo1i3pYOYuShfawRmZ5fO3ibIpizJsQyaX26CaPLb0ycFCnJ2PprO+owM30W3QLarBHKKGw1B/I0Q6rw/uEhOlj2qZfBBjy+xp2cr9/FEgGsbNAz0jkcK2WDrx4DrmTsZudYHxppuv+XAQDLUvqcVqTHfWs2lgqIybbhUB4l/EatDb/GKUzHUv4D0OHUBnal8wkd+BSzkbWEZ8wl2oMnON1B1VCgOW7LKy2eAiQw/X+DXEu93buh8LikmhX19JQi/r749nLxKUXPvcwxD+1n/MT0ud1HjpFXyDZxp3tJkNsrUwKgHzwXvrsRbAHuCt7/7bUUZmne34IAyQr9XWq1GnATZL6MmOmwF7mZroGvRW3sbmvZOd/v0mwOWrRvV3X+AV9BPAkes7lql1mjJWExBo9T8GN+GBxvwa44iDbz+L9I0+rqh+nAK1ASRVm+dgDqabAikLFBqw6keUIBQWmndOWQcql+hiyp293Y02PRO82T/dqCbZ1GBW3nr/biBY49CJhbfpSLvSWrilrCmqM4Q84eLjIq5O59TgqGmE3WKyD2BTZAjQuU/c4X7Tm5KInBm8WgfdGidQfox1TMGDecTpxyJoyyrlp6inyUgU8Qd65jVKAlCD6V0VfzI2MwuRYPi6chARNy07fls1nH60Qg4SG3gTLXd8nsjJE1QxA4Dm5gmJgSd7US0Yp+e5S+KxVCTVI4P2R1THs+PpgS7QI/zffTo5R8fIG18Bpo3x16AxQfIPKFBH9wkz0fKPITM0qPRRKBfE1fnNVeQXtBt0X+kFAxnIUZPrn8Q61HbRvZT5JmoeNWGh8OdLxn1x2xeJSB+GY99g2BaRFlp82OuRSeVLXLW0FuHYj4muS0TnYmkp1F/OJMV0CwrBFE+HgNISqs2WABKiPgvNYzZ9vDsR2YFz5dgNowblti+/vMW8TKi4SgGiFe6r/HgIZ06NYhOVxDe6zBFaj4IpRkax4q11lzuj25kNDnOPnPz7/6jMFifKcpyWhA92vWreIRfsAkjC3Sk0S2gTHcDTaVw5I5ZNvEJzkmStExZnw84iE2FOUgwFGD2nE3jNAwFG7rHCtiDXX+ILmVMwWTX5xV8CzJwolUkNS5wbKRRepLA57cyJmFOkvCT8akJpSKn4t5BHCCz6736UL9SnrdEWYluhqP3eChZSguNloOiGNreRhQp/qT/T64WNEJoc7961hDq5+Ri0tG/dTLQ1Q9TTjVnqLIOXsBbFB3wWPbd790HJyKD77c6BpSiNWgmG5eLHAPu2TFuXdKsJ2MMsrq2ZXIUqd4KP9q97z/3kmL28PVaELPzdiJP3UtSK58e5j78SgaXFv4dzwhZYS31JZbfP3pWGrD38OfCZAse1BGMZu5yf/pCNjESThVh+GlJjSyHU4mkuiTmJxTE/6hZayk2FFcaOx23RNCMHz7lIoC92XT4e1UWoCF9SQpY3BizeYkPcxpvrbbPr+6cWYUQJUvfbn87JOMEBntY8aqZXFZXWZwLjHdjeKfWi800/lfPbT5AD+Uw/6SWpIv1sLl1fzL6RI25NUxopYadYhk/o9BOGAVTEcVWapnxlKm2XaTJMcgcIjVaowzXoTFjoRmcKEcVWQn/qVw7d6KXS4QjzfWyWNoLUNRkI9XdUcTszw8iaiJMzQ/h/AAZ7tsWOHe62kJJKu2iWAq0r4AoUT4R70cBjTmSvz1sF6FwmXXF9JkKQlvYpLOpjnEQQp4q7iMChz6JAbaVOKuKli8WlFRa8SGqw9krJaMRFhQh6IWNikNstmN30OXSutTDuIQqxCBRodapHKmJDUwuG4v6B4UgLmRzrQOZdY1rWgBUCvWVgqsU/Ra3zUkZ10LT/MbLmvffx67oD/e78I6+uygf88phwOnzkhHs9rNgXVeH+LojvKstdUVfdPMS2RbAWW2rlv6/CLZvERL+sKInvQDJEtfljmWd8jAnXRg+WTVISA4YbYrYQrEEMFrzbXIknVYaiLamoJYo+rMgwLyApc+tiWrHfL0ssE2Ns2znHgbV318TSott2hQldpj29wpYrxLo8NNipMwwcDeYpNgyi2heIiBYUjcKXCvAoZg4dLhStqEAjP9YufsU+OynsWKJyh/brCBUvFh74AqUSBYnx) center top no-repeat var(--app-bg);
- filter: hue-rotate(calc(var(--hue-shift) * 1deg)) saturate(var(--saturation-factor, 1));
- }
- nav + [class^=base] > [class^=content] {
- justify-content: center;
- }
- [class^=notice] {
- border-radius: 0;
- }
- #app-mount ::-webkit-scrollbar-track {
- background: none;
- }
- #app-mount ::-webkit-scrollbar-thumb {
- background-color: var(--scroller-color);
- }
- #app-mount ::-webkit-scrollbar-thumb:hover {
- background-color: var(--scroller-hover-color);
- }
- .auto_a48086::-webkit-scrollbar {
- width: 14px;
- height: 14px;
- }
- .backdrop__7e89b.withLayer__1fe9d[style="opacity: 0.85; background: var(--black-500);"] {
- opacity: 0.8 !important;
- }
- #app-mount .root_a28985 {
- background: var(--modal-background);
- box-shadow: none;
- }
- .root_a28985 {
- border-radius: 0;
- --text-link: var(--text-linkHi);
- }
- .root_a28985::before {
- content: "";
- display: block;
- height: 1px;
- width: 100%;
- background: linear-gradient(to right, hsl(calc(var(--accent-hue) - 13), calc(var(--saturation-factor, 1) * 100%), 50%) 0%, hsl(calc(var(--accent-hue) + 20), calc(var(--saturation-factor, 1) * 100%), 60%) 100%);
- position: absolute;
- z-index: 102;
- top: 0;
- }
- .root_a28985 a:hover {
- text-decoration: none;
- --text-link: var(--text-linkHi-hover);
- }
- .root_a28985 .close__1080c {
- position: absolute;
- top: 9px;
- right: 9px;
- height: 16px;
- width: 16px;
- margin: 0;
- padding: 0;
- }
- .root_a28985 .close__1080c .contents_fb6220 {
- height: 16px;
- }
- .root_a28985 .close__1080c svg {
- height: 16px !important;
- width: 16px !important;
- }
- .root_a28985 .artContainer__56b19 {
- z-index: 102;
- }
- .root_a28985 [class*=modalHeader] {
- background-color: transparent;
- }
- .root_a28985 .header__6d5ea {
- box-shadow: none;
- border-radius: 0;
- padding: 32px;
- }
- .root_a28985 .header__6d5ea [data-text-variant="heading-lg/semibold"] {
- font-size: 22px;
- font-weight: 700;
- line-height: 24px;
- }
- .root_a28985 .footer__89240:has(> .lookLink__93965) {
- gap: 4px;
- }
- .root_a28985 .footer__89240,
- .root_a28985 .footer_ceda43 {
- padding: 32px;
- border-radius: 0;
- box-shadow: none;
- background: none;
- }
- .root_a28985 .content__764ce {
- padding-left: 32px;
- padding-right: 32px;
- border-radius: 0;
- }
- .root_a28985 .text-md-normal__6a4eb {
- font-size: 14px;
- line-height: 18px;
- }
- .root_a28985 .defaultColor__77578.text-md-normal__6a4eb {
- --text-normal: hsl(calc(var(--accent-hue) + 5) calc(var(--saturation-factor, 1)*7.8%) 69.8%);
- }
- .medium__408de {
- width: 500px;
- }
- .medium__408de:has([class*=overviewSidebar], .guildSidebar__8763f) {
- width: 692px;
- }
- .largeSpacing_ac1945 {
- margin-bottom: 32px;
- margin-top: 10px;
- }
- .spacing_ce91c7 {
- margin: 0;
- }
- .overrideList__3236e .flex_f5fbb7:has(> .header__995b4) {
- padding-top: 8px;
- padding-left: 8px;
- }
- .overrideList__3236e .header__995b4 {
- margin-bottom: 0;
- }
- .overrideList__3236e [class*=headerName] {
- margin-left: 0;
- }
- .overrideList__3236e [class*=headerOption] {
- align-self: flex-end;
- }
- #app-mount .wrapper_edb6e0::before {
- content: "";
- position: absolute;
- inset: 0;
- outline: 1px solid rgba(0, 0, 0, 0.3);
- outline-offset: -1px;
- z-index: 1;
- }
- .app_b1f720:has(> .container__4bde3)::before {
- content: "";
- display: block;
- position: absolute;
- inset: 0;
- background: rgba(0, 0, 0, 0.8);
- z-index: 2999;
- }
- .container__4bde3 {
- background: var(--modal-background);
- max-width: 600px;
- max-height: 300px;
- width: -moz-fit-content;
- width: fit-content;
- height: -moz-fit-content;
- height: fit-content;
- border: 0.5px solid black;
- padding: 32px;
- margin: auto;
- position: absolute;
- display: flex;
- flex-flow: column wrap;
- }
- .container__4bde3::before {
- content: "";
- display: block;
- height: 1px;
- width: 100%;
- background: linear-gradient(to right, hsl(calc(var(--accent-hue) - 13), calc(var(--saturation-factor, 1) * 100%), 50%) 0%, hsl(calc(var(--accent-hue) + 20), calc(var(--saturation-factor, 1) * 100%), 60%) 100%);
- position: absolute;
- z-index: 102;
- top: 0;
- }
- .ready__61f2f {
- display: none;
- }
- .content__0e954 {
- position: relative;
- }
- .content__0e954:has(.ready__61f2f)::before {
- content: "";
- display: block;
- position: absolute;
- inset: 0;
- margin: auto;
- z-index: 999;
- height: 100%;
- width: 100%;
- max-height: 142px;
- max-width: 142px;
- -webkit-mask: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 36 36"><path d="M18 34.32C9 34.32 1.68 27 1.68 18S9 1.68 18 1.68 34.32 9 34.32 18 27 34.32 18 34.32Zm0-31.63c-8.44 0-15.32 6.87-15.32 15.32S9.55 33.33 18 33.33s15.32-6.87 15.32-15.32S26.45 2.68 18 2.68Zm7.98 7.95c-1.51-.71-3.11-1.2-4.74-1.48-.22.41-.43.83-.61 1.25-1.74-.26-3.51-.26-5.26 0-.19-.43-.39-.85-.61-1.25-1.64.28-3.24.78-4.75 1.48C7 15.15 6.19 19.55 6.6 23.88c1.76 1.32 3.73 2.32 5.82 2.96.47-.64.89-1.33 1.24-2.04-.68-.26-1.34-.57-1.96-.95.17-.12.33-.24.48-.38 3.69 1.76 7.95 1.76 11.63 0 .16.13.32.26.48.38-.63.37-1.29.7-1.96.95.36.72.77 1.4 1.24 2.04 2.09-.64 4.06-1.64 5.82-2.96.48-5.02-.82-9.38-3.42-13.24Zm-11.8 10.58c-1.13 0-2.07-1.06-2.07-2.34 0-1.28.91-2.34 2.07-2.34 1.16 0 2.09 1.06 2.07 2.34 0 1.28-.92 2.34-2.07 2.34zm7.64 0c-1.13 0-2.07-1.06-2.07-2.34 0-1.28.92-2.34 2.07-2.34s2.09 1.06 2.07 2.34c0 1.28-.92 2.34-2.07 2.34z"/></svg>') center/contain no-repeat;
- mask: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 36 36"><path d="M18 34.32C9 34.32 1.68 27 1.68 18S9 1.68 18 1.68 34.32 9 34.32 18 27 34.32 18 34.32Zm0-31.63c-8.44 0-15.32 6.87-15.32 15.32S9.55 33.33 18 33.33s15.32-6.87 15.32-15.32S26.45 2.68 18 2.68Zm7.98 7.95c-1.51-.71-3.11-1.2-4.74-1.48-.22.41-.43.83-.61 1.25-1.74-.26-3.51-.26-5.26 0-.19-.43-.39-.85-.61-1.25-1.64.28-3.24.78-4.75 1.48C7 15.15 6.19 19.55 6.6 23.88c1.76 1.32 3.73 2.32 5.82 2.96.47-.64.89-1.33 1.24-2.04-.68-.26-1.34-.57-1.96-.95.17-.12.33-.24.48-.38 3.69 1.76 7.95 1.76 11.63 0 .16.13.32.26.48.38-.63.37-1.29.7-1.96.95.36.72.77 1.4 1.24 2.04 2.09-.64 4.06-1.64 5.82-2.96.48-5.02-.82-9.38-3.42-13.24Zm-11.8 10.58c-1.13 0-2.07-1.06-2.07-2.34 0-1.28.91-2.34 2.07-2.34 1.16 0 2.09 1.06 2.07 2.34 0 1.28-.92 2.34-2.07 2.34zm7.64 0c-1.13 0-2.07-1.06-2.07-2.34 0-1.28.92-2.34 2.07-2.34s2.09 1.06 2.07 2.34c0 1.28-.92 2.34-2.07 2.34z"/></svg>') center/contain no-repeat;
- background: #fff;
- animation: discordSpinnerScale 1.44s cubic-bezier(0.5, 0, 0.5, 1) alternate infinite;
- }
- .content__0e954:has(.ready__61f2f)::after {
- content: "";
- display: block;
- position: absolute;
- inset: 0;
- margin: auto;
- z-index: 999;
- height: 100%;
- max-height: 142px;
- max-width: 142px;
- border-radius: 50%;
- aspect-ratio: 1;
- background: radial-gradient(farthest-side, var(--brand-experiment) 94%, rgba(0, 0, 0, 0)) top/40% 20% no-repeat, conic-gradient(rgba(0, 0, 0, 0) 20%, var(--brand-experiment));
- -webkit-mask: radial-gradient(farthest-side, rgba(0, 0, 0, 0) calc(100% - 4px), #000 0);
- mask: radial-gradient(farthest-side, rgba(0, 0, 0, 0) calc(100% - 4px), #000 0);
- animation: discordSpinnerRotate 2.88s cubic-bezier(0.5, 0, 0.5, 1) infinite, discordSpinnerFade 1.44s cubic-bezier(0.5, 0, 0.5, 1) alternate infinite;
- }
- @keyframes discordSpinnerScale {
- 0% {
- transform: scale(0.9);
- }
- 100% {
- transform: scale(0.82);
- }
- }
- @keyframes discordSpinnerRotate {
- 100% {
- transform: rotate(3turn);
- }
- }
- @keyframes discordSpinnerFade {
- 0% {
- opacity: 0;
- }
- 50% {
- opacity: 1;
- }
- }
- .content__0e954:has(.ready__61f2f)::before {
- position: relative;
- height: 100px;
- width: 100px;
- }
- .content__0e954:has(.ready__61f2f)::after {
- bottom: unset;
- height: 100px;
- width: 100px;
- }
- .content__0e954:has(.ready__61f2f) .ready__61f2f {
- display: none;
- }
- .content__0e954:has(.ready__61f2f) .text__32559 {
- margin-top: 32px;
- top: 0;
- }
- .content__0e954:has(.ready__61f2f) .tipTitle_a7615c {
- color: var(--text-muted);
- font-size: 14px;
- letter-spacing: 0.5px;
- line-height: 36px;
- margin-bottom: 0;
- }
- .content__0e954:has(.ready__61f2f) .tip__6e299 {
- color: var(--text-muted);
- font-size: 14px;
- line-height: 18px;
- }
- [class^=problems] {
- position: relative;
- inset: unset;
- padding: 10px 0 0 0;
- transform: none;
- --text-link: var(--text-linkHi);
- }
- [class^=problems] a {
- font-weight: 400;
- font-size: 14px;
- line-height: 18px;
- text-decoration: none;
- }
- [class^=problems] a:hover {
- text-decoration: none;
- --text-link: var(--text-linkHi-hover);
- }
- [d="M10.81 2.86c.38-1.15 2-1.15 2.38 0l1.89 5.83h6.12c1.2 0 1.71 1.54.73 2.25l-4.95 3.6 1.9 5.82a1.25 1.25 0 0 1-1.93 1.4L12 18.16l-4.95 3.6c-.98.7-2.3-.25-1.92-1.4l1.89-5.82-4.95-3.6a1.25 1.25 0 0 1 .73-2.25h6.12l1.9-5.83Z"] {
- d: path("m12 2.001 3.18 6.686 7.332.953-5.36 5.1 1.347 7.259L12 18.479 5.5 22l1.354-7.26L1.488 9.64l7.332-.953Z");
- }
- [d="M12 2a1 1 0 0 1 1 1v10.59l3.3-3.3a1 1 0 1 1 1.4 1.42l-5 5a1 1 0 0 1-1.4 0l-5-5a1 1 0 1 1 1.4-1.42l3.3 3.3V3a1 1 0 0 1 1-1ZM3 20a1 1 0 1 0 0 2h18a1 1 0 1 0 0-2H3Z"] {
- d: path("m13.25 9.607 2.866-2.866 1.768 1.768L12 14.393 6.116 8.509 7.884 6.74l2.866 2.866V2h2.5z M18.875 15.125v2.5H5.125v-2.5H2v5.625h20v-5.625z");
- }
- [d="M10.56 1.1c-.46.05-.7.53-.64.98.18 1.16-.19 2.2-.98 2.53-.8.33-1.79-.15-2.49-1.1-.27-.36-.78-.52-1.14-.24-.77.59-1.45 1.27-2.04 2.04-.28.36-.12.87.24 1.14.96.7 1.43 1.7 1.1 2.49-.33.8-1.37 1.16-2.53.98-.45-.07-.93.18-.99.64a11.1 11.1 0 0 0 0 2.88c.06.46.54.7.99.64 1.16-.18 2.2.19 2.53.98.33.8-.14 1.79-1.1 2.49-.36.27-.52.78-.24 1.14.59.77 1.27 1.45 2.04 2.04.36.28.87.12 1.14-.24.7-.95 1.7-1.43 2.49-1.1.8.33 1.16 1.37.98 2.53-.07.45.18.93.64.99a11.1 11.1 0 0 0 2.88 0c.46-.06.7-.54.64-.99-.18-1.16.19-2.2.98-2.53.8-.33 1.79.14 2.49 1.1.27.36.78.52 1.14.24.77-.59 1.45-1.27 2.04-2.04.28-.36.12-.87-.24-1.14-.96-.7-1.43-1.7-1.1-2.49.33-.8 1.37-1.16 2.53-.98.45.07.93-.18.99-.64a11.1 11.1 0 0 0 0-2.88c-.06-.46-.54-.7-.99-.64-1.16.18-2.2-.19-2.53-.98-.33-.8.14-1.79 1.1-2.49.36-.27.52-.78.24-1.14a11.07 11.07 0 0 0-2.04-2.04c-.36-.28-.87-.12-1.14.24-.7.96-1.7 1.43-2.49 1.1-.8-.33-1.16-1.37-.98-2.53.07-.45-.18-.93-.64-.99a11.1 11.1 0 0 0-2.88 0ZM16 12a4 4 0 1 1-8 0 4 4 0 0 1 8 0Z"] {
- d: path("m 22,13.586667 v -3.173334 l -2.62,-0.48 C 19.208067,9.343333 18.968667,8.7752 18.666667,8.24 L 20.18,6.0533333 17.946667,3.8066667 15.76,5.3333333 C 15.2248,5.0313067 14.656667,4.7919533 14.066667,4.62 l -0.48,-2.62 h -3.173334 l -0.48,2.62 C 9.343333,4.7919533 8.7752,5.0313067 8.24,5.3333333 L 6.0533333,3.8066667 3.8066667,6.0533333 5.3333333,8.24 C 5.0313067,8.7752 4.7919533,9.343333 4.62,9.933333 l -2.62,0.48 v 3.173334 l 2.62,0.48 c 0.1719533,0.59 0.4113067,1.158133 0.7133333,1.693333 L 3.8066667,17.946667 6.0533333,20.193333 8.24,18.666667 c 0.5358,0.2974 1.103933,0.532266 1.693333,0.7 L 10.413333,22 h 3.173334 l 0.48,-2.62 c 0.59,-0.171933 1.158133,-0.411333 1.693333,-0.713333 L 17.946667,20.18 20.193333,17.933333 18.666667,15.76 c 0.2974,-0.5358 0.532266,-1.103933 0.7,-1.693333 z m -10,1.746666 c -0.659267,0 -1.303733,-0.195466 -1.851933,-0.5618 C 9.599933,14.405267 9.172667,13.884667 8.9204,13.2756 8.6681333,12.666533 8.6020667,11.996333 8.7307333,11.349667 8.8593333,10.703067 9.1768,10.109133 9.643,9.643 10.109133,9.1768 10.703067,8.8593333 11.349667,8.7307333 11.996333,8.6020667 12.666533,8.6681333 13.2756,8.9204 c 0.609067,0.252267 1.129667,0.679533 1.495933,1.227667 0.366334,0.5482 0.5618,1.192666 0.5618,1.851933 0,0.437733 -0.0862,0.8712 -0.253733,1.2756 -0.167533,0.4044 -0.413067,0.771867 -0.7226,1.0814 -0.309533,0.309533 -0.677,0.555067 -1.0814,0.7226 -0.4044,0.167533 -0.837867,0.253733 -1.2756,0.253733 z");
- }
- [d="m13.96 5.46 4.58 4.58a1 1 0 0 0 1.42 0l1.38-1.38a2 2 0 0 0 0-2.82l-3.18-3.18a2 2 0 0 0-2.82 0l-1.38 1.38a1 1 0 0 0 0 1.42ZM2.11 20.16l.73-4.22a3 3 0 0 1 .83-1.61l7.87-7.87a1 1 0 0 1 1.42 0l4.58 4.58a1 1 0 0 1 0 1.42l-7.87 7.87a3 3 0 0 1-1.6.83l-4.23.73a1.5 1.5 0 0 1-1.73-1.73Z"] {
- d: path("M 18.585979,2.164 15.816391,4.9336003 19.230412,8.3476032 22,5.5779908 Z M 14.114902,6.6455053 5.0078692,15.746509 4,20.170271 l 4.423761,-1.00787 9.100998,-9.107033 z");
- }
- [d="M19 3h-1V1h-2v2H8V1H6v2H5c-1.11 0-1.99.9-1.99 2L3 19a2 2 0 0 0 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 16H5V8h14v11zM7 10h5v5H7v-5z"] {
- d: path("M 3.549792,3.346952 H 5.52844 v 0.966176 c 0,0.855616 0.694032,1.549656 1.549656,1.549656 0.855616,0 1.549176,-0.69404 1.549176,-1.549656 V 3.346952 h 6.693288 v 0.966176 c 0,0.855616 0.694,1.549656 1.54968,1.549656 0.8556,0 1.54912,-0.69404 1.54912,-1.549656 V 3.346952 h 1.97776 c 0.86744,0 1.57656,0.70916 1.57656,1.576592 v 13.405944 c 0,0.86744 -0.70912,1.57656 -1.57656,1.57656 H 3.550264 c -0.867428,0 -1.576584,-0.70912 -1.576584,-1.57656 V 4.923544 c 0,-0.867432 0.709156,-1.576592 1.576584,-1.576592 z M 20.77408,7.721896 v 10.607592 c 0,0.20696 -0.17008,0.37704 -0.37696,0.37704 H 3.550264 c -0.206936,0 -0.377016,-0.16968 -0.377016,-0.37704 V 7.721896 Z M 6.20836,2 c 0,-0.4804888 0.389304,-0.869792 0.869792,-0.869792 0.480016,0 0.86932,0.3893032 0.86932,0.869792 v 2.313144 c 0,0.480488 -0.389304,0.869792 -0.86932,0.869792 -0.480488,0 -0.869792,-0.389304 -0.869792,-0.869792 z M 16,2 c 0,-0.4804888 0.38928,-0.869792 0.86976,-0.869792 0.48,0 0.86936,0.3893032 0.86936,0.869792 v 2.313144 c 0,0.480488 -0.38936,0.869792 -0.86936,0.869792 C 16.38928,5.182936 16,4.793632 16,4.313144 Z");
- }
- svg:not(.icon-2xnN2Y) [d="M14 8.00598C14 10.211 12.206 12.006 10 12.006C7.795 12.006 6 10.211 6 8.00598C6 5.80098 7.794 4.00598 10 4.00598C12.206 4.00598 14 5.80098 14 8.00598ZM2 19.006C2 15.473 5.29 13.006 10 13.006C14.711 13.006 18 15.473 18 19.006V20.006H2V19.006Z"],
- svg:not(.icon-2xnN2Y) [d="M14 8.00598C14 10.211 12.206 12.006 10 12.006C7.795 12.006 6 10.211 6 8.00598C6 5.80098 7.794 4.00598 10 4.00598C12.206 4.00598 14 5.80098 14 8.00598ZM2 19.006C2 15.473 5.29 13.006 10 13.006C14.711 13.006 18 15.473 18 19.006V20.006H2V19.006Z"] ~ path:not(:last-child) {
- display: none;
- }
- svg:not(.icon-2xnN2Y) [d="M14.5 8a3 3 0 1 0-2.7-4.3c-.2.4.06.86.44 1.12a5 5 0 0 1 2.14 3.08c.01.06.06.1.12.1ZM18.44 17.27c.15.43.54.73 1 .73h1.06c.83 0 1.5-.67 1.5-1.5a7.5 7.5 0 0 0-6.5-7.43c-.55-.08-.99.38-1.1.92-.06.3-.15.6-.26.87-.23.58-.05 1.3.47 1.63a9.53 9.53 0 0 1 3.83 4.78ZM12.5 9a3 3 0 1 1-6 0 3 3 0 0 1 6 0ZM2 20.5a7.5 7.5 0 0 1 15 0c0 .83-.67 1.5-1.5 1.5a.2.2 0 0 1-.2-.16c-.2-.96-.56-1.87-.88-2.54-.1-.23-.42-.15-.42.1v2.1a.5.5 0 0 1-.5.5h-8a.5.5 0 0 1-.5-.5v-2.1c0-.25-.31-.33-.42-.1-.32.67-.67 1.58-.88 2.54a.2.2 0 0 1-.2.16A1.5 1.5 0 0 1 2 20.5Z"] {
- d: path("M 8.0812147,15.093736 C 6.5952108,16.121667 5.5736354,17.693346 5.2374811,19.46871 H 1.9999997 v -4.374974 c 0,-1.160306 0.4609348,-2.273112 1.2813989,-3.093608 0.8204703,-0.820432 1.9332576,-1.281367 3.0935759,-1.281367 0.2577548,6.25e-4 0.5149721,0.02362 0.7687456,0.06875 -0.098374,0.39656 -0.1466366,0.803933 -0.1437491,1.212493 0.00262,1.123431 0.3834977,2.213238 1.0812437,3.093733 z M 6.3749745,8.8750217 c 0.5562593,0 1.0999937,-0.1649366 1.5625536,-0.4739973 C 8.4000254,8.0919637 8.7605233,7.6527162 8.9733971,7.1388441 9.1862709,6.6249096 9.2419581,6.0594129 9.1333962,5.513841 9.0248968,4.9682754 8.7570233,4.4671408 8.3637131,4.0738055 7.9703404,3.6804703 7.4692183,3.4126093 6.9236651,3.3040912 6.3780933,3.1955668 5.8125965,3.2512665 5.2986807,3.464134 4.7847712,3.6770078 4.3455175,4.037487 4.0364817,4.4999968 3.7274398,4.9625129 3.5624907,5.5062723 3.5624907,6.0625316 c -8.25e-4,0.3695729 0.071362,0.7356645 0.2124113,1.07725 0.1410492,0.3416231 0.3481792,0.6519963 0.609509,0.9133073 0.2613297,0.261311 0.571703,0.4684973 0.913301,0.6094965 0.341598,0.1410617 0.7076897,0.2132488 1.0772625,0.2124363 z m 11.2499355,0 c 0.556247,0 1.099994,-0.1649366 1.562554,-0.4739973 C 19.649961,8.0919637 20.010459,7.6527162 20.223333,7.1388441 20.436206,6.6249096 20.491894,6.0594129 20.383332,5.513841 20.274832,4.9682754 20.006959,4.4671408 19.613649,4.0738055 19.220276,3.6804703 18.719154,3.4126093 18.173595,3.3040912 17.628035,3.1955668 17.062538,3.2512662 16.548604,3.464134 c -0.513872,0.2128738 -0.95312,0.573353 -1.26218,1.0358628 -0.309061,0.4625161 -0.473998,1.0062755 -0.473998,1.5625348 -8.12e-4,0.3695729 0.07137,0.7356645 0.212437,1.07725 0.140999,0.3416231 0.348185,0.6519963 0.609496,0.9133073 0.261311,0.261311 0.571684,0.4684973 0.913307,0.6094965 0.341561,0.1410617 0.707684,0.2132488 1.077244,0.2124363 z m 3.124982,3.1562313 c -0.409997,-0.409998 -0.89737,-0.734371 -1.433867,-0.954369 -0.536496,-0.219937 -1.111306,-0.331061 -1.691115,-0.326874 -0.257748,6.25e-4 -0.514997,0.02363 -0.768745,0.06875 0.09581,0.386435 0.144061,0.783121 0.143749,1.181243 0.0044,1.134119 -0.376811,2.236112 -1.081244,3.124982 1.485991,1.027932 2.507548,2.59961 2.843734,4.374975 h 3.237481 v -4.374975 c 0.0084,-1.155868 -0.440997,-2.268112 -1.249993,-3.093732 z m -8.749949,2.468736 c 0.494434,0 0.977806,-0.146624 1.388929,-0.42131 0.411123,-0.274749 0.731558,-0.665184 0.920745,-1.121994 0.189249,-0.45681 0.238748,-0.959432 0.142249,-1.444429 -0.09644,-0.484935 -0.334561,-0.93037 -0.684184,-1.279993 -0.349623,-0.3496226 -0.795058,-0.5877456 -1.279992,-0.6842456 -0.484998,-0.09644 -0.98762,-0.04694 -1.444429,0.142312 -0.45681,0.189186 -0.847308,0.5096216 -1.1219943,0.9207446 -0.274686,0.411122 -0.4213101,0.894495 -0.4213101,1.388929 0,0.663059 0.2633735,1.29893 0.7322464,1.76774 0.468809,0.468872 1.104681,0.732246 1.76774,0.732246 z m 0,1.874989 c -1.160306,0 -2.2731127,0.460935 -3.0935455,1.281368 -0.8204953,0.820495 -1.2814301,1.933301 -1.2814301,3.093607 h 8.7499496 c 0,-1.160306 -0.460935,-2.273112 -1.28143,-3.093607 -0.820433,-0.820433 -1.933239,-1.281368 -3.093544,-1.281368 z");
- }
- [d="M13 10a4 4 0 1 0 0-8 4 4 0 0 0 0 8Z"]:has(+ [d="M3 5v-.75C3 3.56 3.56 3 4.25 3s1.24.56 1.33 1.25C6.12 8.65 9.46 12 13 12h1a8 8 0 0 1 8 8 2 2 0 0 1-2 2 .21.21 0 0 1-.2-.15 7.65 7.65 0 0 0-1.32-2.3c-.15-.2-.42-.06-.39.17l.25 2c.02.15-.1.28-.25.28H9a2 2 0 0 1-2-2v-2.22c0-1.57-.67-3.05-1.53-4.37A15.85 15.85 0 0 1 3 5Z"]) {
- display: none;
- }
- [d="M3 5v-.75C3 3.56 3.56 3 4.25 3s1.24.56 1.33 1.25C6.12 8.65 9.46 12 13 12h1a8 8 0 0 1 8 8 2 2 0 0 1-2 2 .21.21 0 0 1-.2-.15 7.65 7.65 0 0 0-1.32-2.3c-.15-.2-.42-.06-.39.17l.25 2c.02.15-.1.28-.25.28H9a2 2 0 0 1-2-2v-2.22c0-1.57-.67-3.05-1.53-4.37A15.85 15.85 0 0 1 3 5Z"] {
- d: path("M 11.999999,17.3125 v 3.125 H 1.9999998 v -3.125 c 0,-1.326062 0.5267812,-2.597874 1.4644686,-3.535562 0.9376812,-0.937625 2.2094499,-1.464437 3.535531,-1.464437 1.3260624,0 2.5978748,0.526812 3.5355626,1.464437 0.937625,0.937688 1.464437,2.2095 1.464437,3.535562 z M 6.9999994,10.437501 c 0.55625,0 1.1,-0.164938 1.5625624,-0.4740001 0.4625,-0.309063 0.823,-0.7483125 1.0358749,-1.2621875 0.212875,-0.5139375 0.2685625,-1.0794374 0.16,-1.6249999 C 9.6499367,6.5307385 9.3820618,6.0296011 8.9887493,5.6362636 8.5953743,5.2429261 8.0942494,4.9750637 7.5486869,4.8665449 7.0031244,4.7580199 6.4376182,4.8137199 5.9236995,5.0265887 5.4097871,5.2394636 4.9705308,5.5999449 4.6614934,6.0624636 4.3524496,6.524976 4.1874996,7.0687448 4.1874996,7.625001 c -8.25e-4,0.3695624 0.071362,0.7356874 0.2124125,1.0772499 0.14105,0.341625 0.3481813,0.6519999 0.6095125,0.913312 0.2613312,0.261313 0.5717062,0.4685001 0.9133062,0.6095001 0.3415999,0.141063 0.7076937,0.21325 1.0772686,0.212438 z m 13.5374996,2.0875 c -0.497313,-0.497875 -1.094125,-0.885125 -1.751375,-1.1365 -0.65725,-0.251375 -1.360188,-0.361188 -2.06275,-0.32225 -0.702625,0.03894 -1.389125,0.22575 -2.014562,0.548187 -0.625438,0.322438 -1.175813,0.773313 -1.615063,1.323063 0.918813,1.273312 1.411063,2.804812 1.40625,4.374999 v 1.875 h 7.5 v -3.125 c 5e-4,-0.656812 -0.128375,-1.307249 -0.379313,-1.914249 -0.250937,-0.607 -0.619,-1.158563 -1.083187,-1.62325 z m -3.5375,-3.3375001 c 0.55625,0 1.1,-0.1649375 1.562562,-0.474 0.4625,-0.3090625 0.823,-0.7483125 1.035875,-1.2621874 0.212875,-0.5139312 0.268563,-1.0794312 0.16,-1.6249999 -0.1085,-0.545575 -0.376375,-1.0467124 -0.769687,-1.4400499 -0.393375,-0.3933375 -0.8945,-0.6612 -1.440063,-0.7697187 -0.545562,-0.108525 -1.111062,-0.052825 -1.625,0.1600437 -0.513874,0.212875 -0.953124,0.5733563 -1.262187,1.035875 -0.309062,0.4625124 -0.474,1.0062811 -0.474,1.5625374 -8.12e-4,0.3695749 0.07137,0.7356749 0.212438,1.0772499 0.141,0.341625 0.348187,0.6519999 0.6095,0.9133124 0.261312,0.2613125 0.571687,0.4685 0.913312,0.6095 0.341562,0.1410625 0.707687,0.21325 1.07725,0.2124375 z");
- transform: none;
- }
- path[d="M12 23a11 11 0 1 0 0-22 11 11 0 0 0 0 22Zm1-18a1 1 0 1 0-2 0v7c0 .27.1.52.3.7l3 3a1 1 0 0 0 1.4-1.4L13 11.58V5Z"] {
- d: path("M 12.06 22.11 C 17.6105 22.11 22.11 17.6105 22.11 12.06 C 22.11 6.5095 17.6105 2.01 12.06 2.01 C 6.5095 2.01 2.01 6.5095 2.01 12.06 C 2.01 17.6105 6.5095 22.11 12.06 22.11 Z M 13.5402 7.3638 H 9.9222 V 12.9372 L 14.07 17.085 L 16.6283 14.5267 L 13.5402 11.4385 V 7.3638 Z");
- fill-rule: evenodd;
- clip-rule: evenodd;
- }
- path[d="M13 5a1 1 0 1 0-2 0v6H5a1 1 0 1 0 0 2h6v6a1 1 0 1 0 2 0v-6h6a1 1 0 1 0 0-2h-6V5Z"],
- path[d="M13 6a1 1 0 1 0-2 0v5H6a1 1 0 1 0 0 2h5v5a1 1 0 1 0 2 0v-5h5a1 1 0 1 0 0-2h-5V6Z"] {
- d: path("M 19 10 H 14 V 5 H 10 V 10 H 5 V 14 H 10 V 19 H 14 V 14 H 19 V 10 Z");
- }
- ::-moz-selection {
- background: hsl(calc(var(--accent-hue) - 3), calc(var(--saturation-factor, 1) * 59.8%), 58%);
- text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.6666666667);
- color: #fff;
- }
- ::selection {
- background: hsl(calc(var(--accent-hue) - 3), calc(var(--saturation-factor, 1) * 59.8%), 58%);
- text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.6666666667);
- color: #fff;
- }
- .hljs {
- padding: 10px;
- border-radius: 0;
- background: var(--code-background);
- }
- .markup_a7e664 code {
- font-size: 0.8125rem;
- line-height: 1.0625rem;
- font-weight: lighter;
- -webkit-font-smoothing: antialiased;
- background: var(--code-background);
- border: none;
- }
- .markup_a7e664 code.inline {
- background: hsl(calc(var(--accent-hue) + 11), calc(var(--saturation-factor, 1) * 9.1%), 21.6%);
- padding: 0.2em 5px;
- }
- .markup_a7e664 h1,
- .markup_a7e664 h2,
- .markup_a7e664 h3,
- .markup_a7e664 h4,
- .markup_a7e664 h5,
- .markup_a7e664 h6 {
- font-family: var(--font-display);
- font-weight: 700;
- color: var(--header-primary);
- line-height: 1.375em;
- margin: 16px 0 4px;
- }
- .markup_a7e664 h1,
- .markup_a7e664 h2,
- .markup_a7e664 h3 {
- color: var(--channels-default-hover);
- font-weight: 500;
- }
- .textBadge__45d79 {
- border-radius: 0;
- font-size: 10px;
- font-weight: 500;
- line-height: 15px;
- align-self: center;
- }
- .textBadge__45d79[style="background-color: var(--brand-500);"] {
- background-color: hsl(calc(var(--accent-hue) + 5), calc(var(--saturation-factor, 1) * 29%), 42%) !important;
- border: 1px solid hsl(calc(var(--accent-hue) + 5), calc(var(--saturation-factor, 1) * 34%), 60%);
- color: hsl(calc(var(--accent-hue) + 5), calc(var(--saturation-factor, 1) * 79%), 78%);
- }
- .bogoTrialBadge__245f4 {
- border-radius: 2px;
- font-weight: 400;
- padding: 4px;
- text-transform: capitalize;
- }
- .freeTrialPillInlineBlock__5839a {
- border-radius: 2px;
- padding: 4px;
- text-transform: capitalize;
- }
- .withFrame__485f4 {
- height: 36px;
- margin-top: 0;
- width: 96px;
- align-self: flex-end;
- }
- .typeMacOS__496b0.titleBar__01af6 {
- display: none;
- }
- .winButton__88672 {
- top: 0;
- width: 32px;
- height: 32px;
- --winbutton-svg: hsl(calc(var(--accent-hue) - 7) calc(var(--saturation-factor, 1)*10.7%) 52.2%);
- color: var(--winbutton-svg);
- }
- .winButton__88672:hover, .winButton__88672:active {
- color: #fff;
- --winbutton-svg: #fff;
- transition: background 0.15s ease-out;
- }
- .winButton__88672 svg {
- height: 16px;
- width: 16px;
- }
- .winButton__88672 svg > * {
- display: none;
- }
- .winButton__88672:has(rect[height="1"]) svg {
- -webkit-mask: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16px" height="16px" viewBox="0 0 256 256"><line fill="none" stroke="currentColor" stroke-width="18" stroke-miterlimit="10" x1="24" y1="209.01" x2="232" y2="209.01"></line></svg>') center/contain no-repeat;
- mask: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16px" height="16px" viewBox="0 0 256 256"><line fill="none" stroke="currentColor" stroke-width="18" stroke-miterlimit="10" x1="24" y1="209.01" x2="232" y2="209.01"></line></svg>') center/contain no-repeat;
- background: var(--winbutton-svg);
- transform: translateY(-4px);
- }
- .winButton__88672:has(rect[width="9"]) svg {
- -webkit-mask: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16px" height="16px" viewBox="0 0 256 256"><rect x="24" y="42.167" fill="none" stroke="currentColor" stroke-width="18" stroke-miterlimit="10" width="208" height="171.667"></rect><line fill="none" stroke="currentColor" stroke-width="42" stroke-miterlimit="10" x1="24" y1="54.01" x2="232" y2="54.01"></line></svg>') center/contain no-repeat;
- mask: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16px" height="16px" viewBox="0 0 256 256"><rect x="24" y="42.167" fill="none" stroke="currentColor" stroke-width="18" stroke-miterlimit="10" width="208" height="171.667"></rect><line fill="none" stroke="currentColor" stroke-width="42" stroke-miterlimit="10" x1="24" y1="54.01" x2="232" y2="54.01"></line></svg>') center/contain no-repeat;
- background: var(--winbutton-svg);
- }
- .winButton__88672:has(polygon) svg {
- -webkit-mask: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="256px" height="256px" viewBox="0 0 256 256"><line fill="none" stroke="currentColor" stroke-width="24" stroke-miterlimit="10" x1="212" y1="212" x2="44" y2="44"></line><line fill="none" stroke="currentColor" stroke-width="24" stroke-miterlimit="10" x1="44" y1="212" x2="212" y2="44"></line></svg>') center/contain no-repeat;
- mask: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="256px" height="256px" viewBox="0 0 256 256"><line fill="none" stroke="currentColor" stroke-width="24" stroke-miterlimit="10" x1="212" y1="212" x2="44" y2="44"></line><line fill="none" stroke="currentColor" stroke-width="24" stroke-miterlimit="10" x1="44" y1="212" x2="212" y2="44"></line></svg>') center/contain no-repeat;
- background: var(--winbutton-svg);
- }
- .winButtonMinMax__72f36:hover, .winButtonMinMax__72f36:active {
- background: var(--background-accent);
- }
- .winButtonClose__73489:hover, .winButtonClose__73489:active {
- background: #e22a27;
- }
- .wordmarkWindows__05c46 {
- display: flex;
- flex-flow: row nowrap;
- align-items: center;
- gap: 4px;
- height: var(--titlebar-height);
- padding: 6px 4px;
- margin-left: 9px;
- box-sizing: border-box;
- -webkit-app-region: drag;
- }
- .wordmarkWindows__05c46 svg {
- display: none;
- }
- .wordmarkWindows__05c46::before {
- content: "";
- display: block;
- height: 16px;
- width: 16px;
- background: var(--text-muted);
- -webkit-mask: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16px" height="16px" viewBox="0 0 28 20"><path fill="currentColor" d="M23.0212 1.67671C21.3107 0.879656 19.5079 0.318797 17.6584 0C17.4062 0.461742 17.1749 0.934541 16.9708 1.4184C15.003 1.12145 12.9974 1.12145 11.0283 1.4184C10.819 0.934541 10.589 0.461744 10.3368 0.00546311C8.48074 0.324393 6.67795 0.885118 4.96746 1.68231C1.56727 6.77853 0.649666 11.7538 1.11108 16.652C3.10102 18.1418 5.3262 19.2743 7.69177 20C8.22338 19.2743 8.69519 18.4993 9.09812 17.691C8.32996 17.3997 7.58522 17.0424 6.87684 16.6135C7.06531 16.4762 7.24726 16.3387 7.42403 16.1847C11.5911 18.1749 16.408 18.1749 20.5763 16.1847C20.7531 16.3332 20.9351 16.4762 21.1171 16.6135C20.41 17.0369 19.6639 17.3997 18.897 17.691C19.3052 18.4993 19.7718 19.2689 20.3021 19.9945C22.6677 19.2689 24.8929 18.1364 26.8828 16.6466H26.8893C27.43 10.9731 25.9665 6.04728 23.0212 1.67671ZM9.68041 13.6383C8.39754 13.6383 7.34085 12.4453 7.34085 10.994C7.34085 9.54272 8.37155 8.34973 9.68041 8.34973C10.9893 8.34973 12.0395 9.54272 12.0187 10.994C12.0187 12.4453 10.9828 13.6383 9.68041 13.6383ZM18.3161 13.6383C17.0332 13.6383 15.9765 12.4453 15.9765 10.994C15.9765 9.54272 17.0124 8.34973 18.3161 8.34973C19.6184 8.34973 20.6751 9.54272 20.6543 10.994C20.6543 12.4453 19.6184 13.6383 18.3161 13.6383Z"></path></svg>') center/contain no-repeat;
- mask: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16px" height="16px" viewBox="0 0 28 20"><path fill="currentColor" d="M23.0212 1.67671C21.3107 0.879656 19.5079 0.318797 17.6584 0C17.4062 0.461742 17.1749 0.934541 16.9708 1.4184C15.003 1.12145 12.9974 1.12145 11.0283 1.4184C10.819 0.934541 10.589 0.461744 10.3368 0.00546311C8.48074 0.324393 6.67795 0.885118 4.96746 1.68231C1.56727 6.77853 0.649666 11.7538 1.11108 16.652C3.10102 18.1418 5.3262 19.2743 7.69177 20C8.22338 19.2743 8.69519 18.4993 9.09812 17.691C8.32996 17.3997 7.58522 17.0424 6.87684 16.6135C7.06531 16.4762 7.24726 16.3387 7.42403 16.1847C11.5911 18.1749 16.408 18.1749 20.5763 16.1847C20.7531 16.3332 20.9351 16.4762 21.1171 16.6135C20.41 17.0369 19.6639 17.3997 18.897 17.691C19.3052 18.4993 19.7718 19.2689 20.3021 19.9945C22.6677 19.2689 24.8929 18.1364 26.8828 16.6466H26.8893C27.43 10.9731 25.9665 6.04728 23.0212 1.67671ZM9.68041 13.6383C8.39754 13.6383 7.34085 12.4453 7.34085 10.994C7.34085 9.54272 8.37155 8.34973 9.68041 8.34973C10.9893 8.34973 12.0395 9.54272 12.0187 10.994C12.0187 12.4453 10.9828 13.6383 9.68041 13.6383ZM18.3161 13.6383C17.0332 13.6383 15.9765 12.4453 15.9765 10.994C15.9765 9.54272 17.0124 8.34973 18.3161 8.34973C19.6184 8.34973 20.6751 9.54272 20.6543 10.994C20.6543 12.4453 19.6184 13.6383 18.3161 13.6383Z"></path></svg>') center/contain no-repeat;
- }
- .wordmarkWindows__05c46::after {
- content: "Discord";
- font-weight: 500;
- font-size: 12px;
- color: var(--text-muted);
- }
- html.app-focused #app-mount::before {
- content: "";
- display: block;
- height: 1px;
- width: 100%;
- background: linear-gradient(to right, transparent 10%, hsl(var(--accent-hue), calc(var(--saturation-factor, 1) * 100%), 55.1%, 0.325) 50%, transparent 90%);
- position: absolute;
- z-index: 9999;
- top: 0;
- }
- #app-mount .tooltip__01384 {
- border-radius: 2px;
- font-size: 13px;
- font-weight: 400;
- color: var(--tooltip-text);
- box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.3333333333), 2px 2px 16px 1px rgba(0, 0, 0, 0.3333333333);
- }
- #app-mount .tooltipPrimary_e5c00d {
- background: var(--tooltip-background);
- }
- #app-mount .tooltipPointer_a79354 {
- display: none;
- }
- #app-mount .tooltipContent__79a2d {
- padding: 6px 8px;
- }
- #app-mount .tooltipBlack__90eaa {
- background: var(--tooltip-background);
- color: var(--tooltip-text);
- }
- .tooltipPremiumFooterContainer__6fefb {
- border-radius: 0;
- }
- .tooltipPremiumFooterContainer__6fefb .tooltipPremiumFooterTierSegment__11c7e {
- border-left-color: var(--tooltip-background);
- border-bottom-color: var(--tooltip-background);
- border-right-color: var(--tooltip-background);
- border-top-color: var(--tooltip-background);
- }
- .wrapper_a7e7a8 {
- box-shadow: inset hsl(calc(var(--accent-hue) + 13), calc(var(--saturation-factor, 1) * 13.5%), 27.6%, 0.65) -1px -1px 0 0, inset hsl(calc(var(--accent-hue) + 13), calc(var(--saturation-factor, 1) * 13.5%), 27.6%, 0.45) 1px 1px 0 0;
- }
- .platform-osx .wrapper_a7e7a8, .platform-linux .wrapper_a7e7a8, .platform-web .wrapper_a7e7a8 {
- margin-top: var(--titlebar-height);
- }
- html.platform-osx #app-mount .base__3e6af, html.platform-linux #app-mount .base__3e6af, html.platform-web #app-mount .base__3e6af {
- top: 0 !important;
- margin-top: var(--titlebar-height) !important;
- }
- body #app-mount:-webkit-full-screen .app_b1f720 .base__3e6af {
- bottom: 0 !important;
- }
- .bar_edc096 {
- text-transform: capitalize;
- height: unset;
- border-radius: 3px;
- box-shadow: 0 0 3px #000;
- }
- .bar_edc096[aria-hidden=true][style="transform: translateY(180%);"] {
- transform: translateY(calc(180% + 24px)) !important;
- }
- .mention__1afd3 {
- opacity: 1;
- }
- .wrapper__3af0b foreignObject {
- -webkit-mask: none;
- mask: none;
- }
- .wrapper__3af0b,
- .childWrapper__01b9c {
- border-radius: 0;
- }
- .tutorialContainer__890ea foreignObject, .tutorialContainer__890ea + .listItem_fa7b36 foreignObject, .tutorialContainer_dc6fde foreignObject, .tutorialContainer_dc6fde + .listItem_fa7b36 foreignObject {
- -webkit-mask: none;
- mask: none;
- border-radius: 2px;
- }
- #app-mount .circleIconButton_d8df29 {
- background: none;
- }
- .circleIconButton_d8df29.selected__5250e svg {
- background: var(--interactive-active);
- }
- .circleIconButton_d8df29 svg {
- color: var(--background-tertiary);
- background: hsl(var(--accent-hue), calc(var(--saturation-factor, 1) * 9%), 44%);
- border-radius: 2px;
- height: 28px;
- width: 28px;
- }
- .circleIconButton_d8df29 path {
- scale: 0.8;
- transform-origin: center;
- }
- .wrapper_d281dd.selected_f5ec8e .childWrapper__01b9c, .wrapper_d281dd:hover .childWrapper__01b9c {
- color: var(--background-tertiary);
- background-color: transparent;
- }
- .wrapper_d281dd:has(.childWrapper__01b9c):hover .childWrapper__01b9c::before {
- background: var(--interactive-active);
- }
- .wrapper_d281dd:has(.childWrapper__01b9c).selected_f5ec8e:not(:hover) {
- pointer-events: none;
- }
- .wrapper_d281dd:has(.childWrapper__01b9c).selected_f5ec8e:not(:hover) .childWrapper__01b9c::before {
- background: var(--brand-experiment);
- }
- .childWrapper__01b9c {
- color: var(--background-tertiary);
- background: none;
- }
- .childWrapper__01b9c svg {
- width: 18px;
- }
- .childWrapper__01b9c .favoriteIcon__91c06 {
- width: 20px;
- margin-bottom: 1px;
- }
- .childWrapper__01b9c::before {
- content: "";
- display: block;
- position: absolute;
- height: 28px;
- width: 28px;
- background: hsl(var(--accent-hue), calc(var(--saturation-factor, 1) * 9%), 44%);
- z-index: -1;
- border-radius: 2px;
- }
- .item_f9d377 {
- display: none;
- }
- .lowerBadge__669e7 {
- z-index: 3;
- }
- .baseShapeRound__95d0f,
- .numberBadge__50328 {
- border-radius: 0;
- }
- .blobContainer__5ee50 {
- position: relative;
- }
- .blobContainer__5ee50::before {
- content: "";
- position: absolute;
- inset: 0;
- pointer-events: none;
- border-radius: 0;
- box-shadow: 0 0 0 1px var(--gpColor-Grey), inset 0 0 0 1px var(--background-tertiary);
- transition: box-shadow 0.15s ease;
- z-index: 1;
- }
- .blobContainer__5ee50.selected__98d51:before {
- --gpColor-Grey: var(--brand-experiment);
- }
- .listItem_fa7b36:has(.item_f9d377) .blobContainer__5ee50:not(.selected__98d51):before {
- --gpColor-Grey: var(--header-primary);
- }
- .blobContainer__5ee50:not(.selected__98d51):has(.numberBadge__50328[style^="background-color: var(--status-danger);"]):before {
- --gpColor-Grey: var(--status-danger);
- }
- .placeholderMask__94802 foreignObject[mask="url(#svg-mask-squircle)"] {
- -webkit-mask: none;
- mask: none;
- }
- .dragInner_a23293 {
- background-color: var(--header-button-background);
- }
- #app-mount .wrapper_a7e7a8.guilds__2b93a [class*=expandedFolderBackground] {
- border-radius: 2px;
- }
- #app-mount .folder__17546 {
- background: none;
- }
- .expandedFolderBackground__1bec6 {
- bottom: 0;
- background-color: var(--brand-experiment-700);
- }
- .expandedFolderBackground__1bec6.collapsed__0a270 {
- background-color: var(--header-button-background);
- height: var(--server-size);
- }
- .expandedFolderBackground__1bec6.collapsed__0a270.hover__043de {
- background-color: var(--brand-experiment-700);
- }
- .expandedFolderBackground__1bec6.collapsed__0a270:before {
- content: "";
- position: absolute;
- inset: 0;
- pointer-events: none;
- border-radius: 0;
- box-shadow: 0 0 0 1px var(--gpColor-Grey), inset 0 0 0 1px var(--background-tertiary);
- transition: box-shadow 0.15s ease;
- z-index: 1;
- }
- .expandedFolderBackground__1bec6.collapsed__0a270:has(+ .listItem_fa7b36 .item_f9d377[style="opacity: 1; height: 40px; transform: none;"]):before {
- --gpColor-Grey: var(--brand-experiment);
- }
- .expandedFolderBackground__1bec6.collapsed__0a270:has(+ .listItem_fa7b36 .item_f9d377):before {
- --gpColor-Grey: var(--header-primary);
- }
- [class^=folderIconWrapper] {
- border-radius: 2px;
- background-color: transparent !important;
- }
- .expandedFolderIconWrapper__458cf svg {
- color: var(--brand-experiment-300) !important;
- }
- .sidebar_ded4b5,
- #app-mount .container__590e2 {
- background: none;
- }
- .sidebar_ded4b5 {
- width: 210px;
- margin-right: var(--app-gutter);
- }
- .bar__004d9 {
- background: #e5e5e5;
- box-shadow: 0 0 3px #000;
- padding: 0 6px;
- border-radius: 3px;
- opacity: 1;
- }
- .bar__004d9:hover {
- background: var(--btn-dark-text);
- --interactive-normal: #fff;
- }
- .mentionsBar__4b47a {
- --status-danger-text: #fff;
- background: var(--status-danger);
- }
- .mentionsBar__4b47a:hover {
- background: var(--status-danger);
- }
- .barText__1a44f {
- text-transform: capitalize;
- }
- .numberBadge__50328 {
- border-radius: 2px;
- min-width: unset;
- width: unset !important;
- padding-left: 4px;
- padding-right: 4px !important;
- font-size: 11px;
- font-weight: 400;
- letter-spacing: 0;
- }
- .listItem_fa7b36 .numberBadge__50328 {
- border-radius: 0;
- }
- .header__104ca {
- position: fixed;
- top: 0;
- left: 76px;
- -webkit-app-region: drag;
- padding: 6px 4px 6px 10px;
- box-shadow: none;
- width: 189px;
- }
- .platform-linux .header__104ca, .platform-web .header__104ca {
- left: 9px;
- }
- .header__104ca .headerContent_ee8727 {
- -webkit-app-region: no-drag;
- width: -moz-fit-content;
- width: fit-content;
- }
- .header__104ca .name_c08dbc {
- font-family: var(--font-display);
- font-size: 12px;
- line-height: 20px;
- font-weight: 500;
- cursor: pointer;
- }
- .header__104ca .dropdownButton__3f3df {
- display: none;
- }
- .clickable__2d589 .header__104ca:hover,
- .selected__0b1ad .header__104ca {
- background-color: transparent;
- }
- #app-mount .clickable__2d589 .header__104ca:hover .headerContent_ee8727,
- #app-mount .selected__0b1ad .header__104ca .headerContent_ee8727 {
- color: var(--interactive-active);
- }
- #app-mount .headerContent_ee8727 {
- color: var(--interactive-normal);
- transition: color 0.15s ease;
- filter: none;
- }
- .guildIconV2Container__53cdb {
- margin-right: 4px;
- }
- .panels__58331 {
- background: none;
- }
- .panels__58331:not(:has(.wrapper__0ed4a:empty + .container_ca50b9:nth-child(2))) {
- position: relative;
- padding: 15px 0 15px 0;
- background: radial-gradient(50% 16px at top, hsla(var(--rtc-hsl, 207, 34%, 43%), 0.25) 0%, hsla(var(--rtc-hsl, 207, 24%, 43%), 0) 100%);
- }
- .panels__58331:not(:has(.wrapper__0ed4a:empty + .container_ca50b9:nth-child(2))):has([class*=rtcConnectionStatus]) {
- --rtc-opacity: 1;
- }
- .panels__58331:not(:has(.wrapper__0ed4a:empty + .container_ca50b9:nth-child(2))):has(.rtcConnectionStatusConnected__1d5b0) {
- --rtc-hsl: 93, 50%, 50%;
- }
- .panels__58331:not(:has(.wrapper__0ed4a:empty + .container_ca50b9:nth-child(2))):has(.rtcConnectionStatusConnecting__7b83a) {
- --rtc-hsl: 58, 70%, 47%;
- }
- .panels__58331:not(:has(.wrapper__0ed4a:empty + .container_ca50b9:nth-child(2))):has(.rtcConnectionStatusError_f91509) {
- --rtc-hsl: 0, 85%, 57%;
- }
- .panels__58331:not(:has(.wrapper__0ed4a:empty + .container_ca50b9:nth-child(2)))::before {
- content: "";
- display: block;
- height: 0.5px;
- width: 100%;
- background: linear-gradient(to right, hsla(var(--rtc-hsl, 225, 100%, 60%), 0) 0%, hsla(var(--rtc-hsl, 192, 100%, 50%), var(--rtc-opacity, 0.4)) 50%, hsla(var(--rtc-hsl, 225, 100%, 60%), 0) 100%);
- position: absolute;
- top: 0;
- }
- .panels__58331 > div:not(.container_ca50b9) button.enabled__470f0 {
- background: rgba(0, 0, 0, 0.2);
- }
- .panels__58331 > div:not(.container_ca50b9) button.enabled__470f0:hover {
- background: var(--btn-dark-hover);
- }
- .panels__58331 .connection__5bb32 .flex_f5fbb7 {
- margin-left: 6px;
- }
- .panels__58331 .connection__5bb32 .flex_f5fbb7:has(> button) {
- gap: 4px;
- }
- .panels__58331 .connection__5bb32 button.enabled__470f0:has([d*="M21.1169 1.11603L22.8839 2.88403L19.7679 6.00003L22.8839"]):hover {
- background: var(--status-danger);
- color: #fff;
- }
- .panels__58331 .rtcConnectionStatusLabel__7029b {
- font-size: 12px;
- }
- .panels__58331 .actionButtons_b58cbb {
- grid-gap: 4px;
- }
- .panels__58331 .actionButtons_b58cbb .button__66e8c.buttonColor_a6eb73 {
- color: var(--btn-brand-text);
- background: var(--btn-brand);
- box-shadow: none;
- transition: none;
- }
- .panels__58331 .actionButtons_b58cbb .button__66e8c.buttonColor_a6eb73:hover {
- background: var(--btn-brand-hover);
- color: #fff;
- }
- #app-mount .panel_bd8c76 {
- background: none;
- }
- .activityPanel__22355:has(+ .wrapper__0ed4a:empty) {
- border-bottom: none;
- }
- .container_d667ff {
- background: none;
- border: none;
- }
- .container_ca50b9 {
- position: fixed;
- top: 0;
- right: 96px;
- height: var(--titlebar-height);
- width: calc(100% - 96px - 265px);
- padding: 0 6px 0 0;
- justify-content: right;
- -webkit-app-region: drag;
- box-sizing: border-box;
- }
- #app-mount .container_ca50b9 {
- background: var(--background-tertiary);
- }
- .platform-osx .container_ca50b9 {
- right: 0;
- width: 100%;
- }
- .platform-osx .container_ca50b9::before {
- left: 0;
- }
- .platform-linux .container_ca50b9, .platform-web .container_ca50b9 {
- right: 0;
- width: 100%;
- }
- .platform-linux .container_ca50b9::before, .platform-web .container_ca50b9::before {
- left: 0;
- }
- .container_ca50b9::before {
- content: "";
- display: block;
- position: absolute;
- top: 0;
- left: -265px;
- height: 100%;
- width: 100vw;
- pointer-events: none;
- z-index: -1;
- background: var(--background-tertiary);
- box-shadow: inset hsl(calc(var(--accent-hue) + 13), calc(var(--saturation-factor, 1) * 13.5%), 27.6%, 0.75) 1px 1px 1px 0, inset hsl(calc(var(--accent-hue) + 13), calc(var(--saturation-factor, 1) * 13.5%), 27.6%, 0.25) -1px -1px 0 0;
- }
- .container_ca50b9 > * {
- -webkit-app-region: no-drag;
- }
- .container_ca50b9 > .flex_f5fbb7 {
- gap: 8px;
- }
- .container_ca50b9 > .flex_f5fbb7 > button {
- height: var(--titlebar-height);
- height: 24px;
- min-width: 48px;
- border-radius: 2px;
- background: var(--header-button-background);
- transition: background 0.15s ease-out, color 0.15s ease-out;
- }
- .container_ca50b9 > .flex_f5fbb7 > button:hover {
- background: var(--background-accent);
- color: var(--interactive-active);
- }
- .container_ca50b9 > .flex_f5fbb7 > button svg {
- height: 16px;
- width: 16px;
- }
- #app-mount .disabledButtonWrapper__69c70 {
- padding: 0;
- background: none;
- }
- .withTagAsButton_cc125f:hover,
- .withTagless__98b7d:hover {
- background-color: hsl(var(--accent-hue), calc(var(--saturation-factor, 1) * 100%), 64.9%, 0.2);
- border-radius: 2px;
- }
- .avatarWrapper_ba5175 {
- order: 1;
- height: 24px;
- margin-left: 8px;
- margin-right: 0;
- padding-left: 3px;
- justify-content: center;
- background: var(--header-button-background);
- border-radius: 2px;
- transition: background 0.15s ease-out;
- overflow: hidden;
- }
- .avatarWrapper_ba5175 .avatar_f8541f {
- height: 23px !important;
- width: 23px !important;
- }
- .avatarWrapper_ba5175 svg {
- height: 27px;
- width: 27px;
- }
- .nameTag__0e320 {
- display: flex;
- flex-wrap: nowrap;
- align-items: center;
- gap: 8px;
- }
- .nameTag__0e320 > div {
- display: flex;
- }
- .withTagAsButton_cc125f .nameTag__0e320, .withTagless__98b7d .nameTag__0e320 {
- padding-left: 5px;
- }
- .nameTag__0e320 .subtext__8f869 {
- line-height: 13px;
- }
- .title__10613 {
- color: hsl(var(--accent-hue), calc(var(--saturation-factor, 1) * 100%), 64.9%);
- font-weight: 400;
- font-size: 12px;
- }
- .hoverRoll__041cb {
- cursor: unset;
- }
- .hovered__243e5 {
- margin-top: 2px;
- }
- .animatedContainer__341f6 {
- scale: 0.86;
- border-radius: 4px;
- z-index: 2;
- margin-bottom: 30px;
- }
- .animatedContainer__341f6[style*="opacity: 0;"] {
- pointer-events: none;
- }
- .bannerImage__39c51 {
- width: 210px;
- }
- .bannerImg_c85b7f {
- width: 210px !important;
- }
- .content__23cab > div[style="height: 84px;"] ~ .container__4f639 .progressBarContainer__9b571 {
- position: absolute;
- top: -90px;
- left: 11px;
- width: 188px;
- height: 124px;
- margin: 0;
- }
- .content__23cab > div[style="height: 84px;"] ~ .container__4f639 .progressBar_db0972 {
- height: 100%;
- }
- .content__23cab > div[style="height: 84px;"] ~ .container__4f639 .textArea_f2029c {
- margin-top: 32px;
- }
- .link__95dc0 {
- border-radius: 0;
- }
- .modeSelected__487d6:hover .link__95dc0,
- .modeSelected__487d6 .link__95dc0 {
- background: var(--channel-selected);
- }
- .wrapper__7bcde:not(.modeSelected__487d6):hover .link__95dc0 {
- background: none;
- }
- .container-q97qHp {
- font-size: 14px;
- font-weight: 700;
- color: var(--channels-category);
- }
- .wrapper__9c483:hover .icon_ef4486 {
- color: var(--channels-category);
- }
- .wrapper__9c483:hover .name__590d6 {
- color: var(--channels-default-hover);
- }
- .wrapper__9c483.muted_de6e6e:hover .icon_ef4486 {
- color: var(--channels-category);
- }
- .wrapper__9c483.muted_de6e6e:hover .name__590d6 {
- color: var(--channels-default-hover);
- }
- .name__8d1ec {
- font-size: 12px;
- font-weight: 700;
- }
- .modeMuted__0aeea:hover .name__8d1ec,
- .wrapper__7bcde:not(.modeSelected__487d6):hover .name__8d1ec {
- color: var(--channels-default-hover);
- }
- .modeConnected__1c02e .name__8d1ec,
- .modeConnected__1c02e:hover .name__8d1ec,
- .modeSelected__487d6 .name__8d1ec,
- .modeSelected__487d6:hover .name__8d1ec,
- .modeUnread_f74c03 .name__8d1ec,
- .modeUnread_f74c03:hover .name__8d1ec,
- .notInteractive_a7d9fb.modeConnected__1c02e .name__8d1ec,
- .notInteractive_a7d9fb.modeSelected__487d6 .name__8d1ec {
- font-weight: 700;
- }
- .icon_eff5d4 {
- width: 16px;
- height: 16px;
- }
- .iconContainer__3f9b0 {
- display: flex;
- align-self: center;
- }
- .wrapper__9c483:not(:hover) .arrow_cb03b8 {
- opacity: 0;
- }
- .spineBorder_bdec8b {
- background: var(--channels-category);
- }
- .spine__88e6d {
- color: var(--channels-category);
- }
- .unread__48cf4 {
- position: absolute;
- height: 16px;
- width: 2px;
- border-radius: 0;
- top: 50%;
- left: 2px;
- margin-top: -8px;
- }
- .listDefault__205d0 .clickable__137bc:hover .content_b60865 {
- background: none;
- }
- .listDefault__205d0 .clickable__137bc:hover .username__73ce9 {
- color: var(--channels-default-hover);
- }
- .listDefault__205d0 .clickable__137bc.selected__471ca .content_b60865 {
- background: var(--channel-selected);
- }
- .content_b60865 {
- border-radius: 0;
- }
- .wrapper__5848b {
- line-height: 16px;
- font-weight: 700;
- height: 16px;
- border-radius: 2px;
- overflow: hidden;
- color: var(--channels-default);
- }
- .wrapper__5848b .users__65981 {
- width: 28px;
- background-color: var(--btn-brand);
- }
- .privateChannels__93473 {
- background: none;
- padding-top: 16px;
- }
- .privateChannels__93473 .searchBar_e4ea2a {
- height: unset;
- box-shadow: none;
- }
- .privateChannels__93473 .searchBar_e4ea2a .searchBarComponent__22760 {
- height: unset;
- border-radius: 2px;
- font-size: 14px;
- font-weight: 400;
- line-height: 24px;
- text-align: center;
- color: var(--btn-brand-text);
- background: var(--btn-brand);
- }
- .privateChannels__93473 .searchBar_e4ea2a .searchBarComponent__22760:hover {
- background: var(--btn-brand-hover);
- color: #fff;
- }
- .privateChannels__93473 .scroller__4b984 {
- background: none;
- }
- .channel_c21703 {
- border-radius: 0;
- }
- .interactive__776ee:focus-within, .interactive__776ee:hover {
- color: var(--channels-default-hover);
- background: none;
- }
- .interactive__776ee.selected_d94cf9 {
- color: var(--interactive-active);
- background: var(--channel-selected);
- }
- .interactive__776ee .highlighted__7bba7:hover {
- color: var(--channels-default-hover);
- }
- #app-mount .name__02dbd {
- font-size: 12px;
- font-weight: 700;
- }
- #app-mount .container__10dc7,
- #app-mount .container__7590f {
- background: none;
- }
- .pageBody_db54f5 {
- padding: var(--content-gutter) 0 0 0;
- }
- .pageBody_db54f5 .header_d02e62 {
- margin: 0;
- max-width: var(--content-inner-width);
- }
- .pageBody_db54f5 .search__4a09e {
- background: rgba(0, 0, 0, 0.2);
- border: 1px solid #000;
- box-shadow: 1px 1px 0 0 var(--store-search-border);
- border-radius: 3px;
- }
- .browser_c50ce0 .scrollerInner__55d07 {
- padding: 0;
- }
- .browser_c50ce0 .separator__3cfd2 {
- display: none;
- }
- .browser_c50ce0 .categoryRow_df4323 {
- max-width: calc(var(--content-inner-width) - 40px);
- background-color: var(--store-body-header);
- padding: 10px 20px 10px 20px;
- margin-top: var(--content-gutter);
- }
- .browser_c50ce0 .categoryRow_df4323 .selectAll_a87487 [data-text-variant="text-xs/medium"] {
- display: flex;
- align-items: center;
- --text-muted: #fff;
- }
- .browser_c50ce0 .categoryText__3348f {
- font-weight: normal;
- font-size: 14px;
- line-height: 16px;
- letter-spacing: 0.03em;
- text-transform: uppercase;
- --text-muted: #fff;
- }
- .browser_c50ce0 .channelRow__96673 {
- max-width: calc(var(--content-inner-width) - 16px - 40px);
- background: rgba(0, 0, 0, 0.4);
- position: relative;
- padding: 6px 28px;
- height: 46px;
- }
- .browser_c50ce0 .channelRow__96673.firstChannel__94f31 {
- border-top-left-radius: 0;
- border-top-right-radius: 0;
- padding-top: 26px;
- }
- .browser_c50ce0 .channelRow__96673.firstChannel__94f31 .iconContainer__3f9b0 {
- top: 20px;
- }
- .browser_c50ce0 .channelRow__96673.firstChannel__94f31:before {
- top: 20px;
- }
- .browser_c50ce0 .channelRow__96673.lastChannel__129f1 {
- border-bottom-left-radius: 0;
- border-bottom-right-radius: 0;
- padding-bottom: 26px;
- }
- .browser_c50ce0 .channelRow__96673.lastChannel__129f1 .iconContainer__3f9b0 {
- bottom: 20px;
- }
- .browser_c50ce0 .channelRow__96673.lastChannel__129f1:before {
- bottom: 20px;
- }
- .browser_c50ce0 .channelRow__96673:hover:not(.disabled__583e7) {
- background: rgba(0, 0, 0, 0.4);
- }
- .browser_c50ce0 .channelRow__96673:hover:not(.disabled__583e7):before {
- background: var(--background-accent);
- transition: background 0.2s linear;
- }
- .browser_c50ce0 .channelRow__96673:hover:not(.disabled__583e7) .viewChannelButton_ee7ff6 {
- background-color: var(--background-accent-hover);
- transition: background 0.2s linear, box-shadow 0.2s ease-in-out;
- }
- .browser_c50ce0 .channelRow__96673:hover:not(:has(.checked__24ad6)) .iconContainer__3f9b0 {
- background-color: var(--background-accent-hover);
- transition: background 0.2s linear;
- }
- .browser_c50ce0 .channelRow__96673:before {
- content: "";
- display: block;
- position: absolute;
- inset: 0 0 0 20px;
- height: 58px;
- width: calc(100% - 40px);
- z-index: 0;
- }
- .browser_c50ce0 .channelRow__96673 .channelInfo__698ae {
- z-index: 1;
- }
- .browser_c50ce0 .channelRow__96673 .iconContainer__3f9b0 {
- width: 98px;
- height: 45px;
- background: var(--background-accent);
- align-items: center;
- justify-content: center;
- position: absolute;
- top: 0;
- bottom: 0;
- margin: auto 0;
- }
- .browser_c50ce0 .channelRow__96673 .iconContainer__3f9b0 svg {
- color: #fff;
- height: 18px;
- width: 18px;
- }
- .browser_c50ce0 .channelRow__96673:has(.checked__24ad6) .iconContainer__3f9b0 {
- background: var(--brand-experiment);
- }
- .browser_c50ce0 .channelRow__96673 .channelName__36642 .overflow__87fe8,
- .browser_c50ce0 .channelRow__96673 .channelSubtitles__5521e {
- margin-left: 110px;
- }
- .browser_c50ce0 .channelRow__96673 .channelText_de4e73 {
- color: #fff;
- line-height: 20px;
- font-size: 16px;
- font-weight: 400;
- }
- .browser_c50ce0 .channelRow__96673 .channelSubtitles__5521e .channelSubtitle__671b9 {
- color: var(--text-muted);
- font-size: 12px;
- line-height: 22px;
- letter-spacing: 0.5px;
- text-transform: uppercase;
- font-weight: 700;
- }
- .browser_c50ce0 .channelRow__96673 .channelSubtitles__5521e .subtitleSeparator__7ee0b ~ .channelSubtitle__671b9 {
- color: var(--background-accent-hover);
- }
- .browser_c50ce0 .channelRow__96673 .channelSubtitles__5521e .topic__42290 {
- font-size: 12px;
- line-height: 22px;
- color: var(--background-accent-hover);
- }
- .browser_c50ce0 .channelRow__96673 .subtitleSeparator__7ee0b {
- opacity: 0;
- width: 4px;
- margin: 0;
- }
- .browser_c50ce0 .channelRow__96673 .viewChannelButton_ee7ff6 {
- margin-right: 0;
- border: none;
- color: var(--text-lighter);
- background: var(--btn-grey);
- }
- .browser_c50ce0 .channelRow__96673 .viewChannelButton_ee7ff6:hover {
- background: var(--btn-grey-hover);
- color: #fff;
- box-shadow: var(--btn-grey-boxshadow);
- }
- .browser_c50ce0 .channelRow__96673 .checkboxWrapper__02583 {
- display: none;
- }
- #app-mount .emptyPage__3e15d,
- #app-mount .scrollerContainer_bf5dbd {
- background: none;
- }
- .chat__52833 .container__10dc7 .tabBar_d4764b {
- padding: 0;
- margin: 10px 0 10px 0;
- gap: 0;
- display: flex;
- flex-direction: row;
- position: relative;
- border-radius: 3px;
- background: rgba(0, 0, 0, 0.2);
- border: 1px solid #000;
- box-shadow: 1px 1px 0 0 var(--store-search-border);
- }
- .chat__52833 .container__10dc7 .tabBar_d4764b:has(.item__48dda:nth-child(1):last-child) {
- --btn-count: 1;
- }
- .chat__52833 .container__10dc7 .tabBar_d4764b:has(.item__48dda:nth-child(2):last-child) {
- --btn-count: 2;
- }
- .chat__52833 .container__10dc7 .tabBar_d4764b:has([aria-selected=true]:nth-child(2)):before {
- translate: 100%;
- }
- .chat__52833 .container__10dc7 .tabBar_d4764b .item__48dda {
- background: none;
- margin: 0;
- display: flex;
- flex: 0 1 calc(100% / var(--btn-count));
- justify-content: center;
- border-bottom: none;
- padding: 0;
- height: 34px;
- padding: 8px 14px;
- font-size: 14px;
- font-weight: 400;
- box-sizing: border-box;
- }
- .chat__52833 .container__10dc7 .tabBar_d4764b .item__48dda:not([aria-selected=true]):hover {
- background: hsl(var(--accent-hue), calc(var(--saturation-factor, 1) * 40%), 23%, 0.4);
- }
- .chat__52833 .container__10dc7 .tabBar_d4764b::before {
- content: "";
- position: absolute;
- height: 100%;
- width: calc(100% / var(--btn-count));
- background: var(--store-tablist-btn);
- transition: translate 0.2s ease;
- border-radius: 3px;
- }
- .chat__52833.scrollerContainer_bf5dbd .scroller__81266 {
- padding: 0 !important;
- box-sizing: content-box;
- }
- .chat__52833.scrollerContainer_bf5dbd .scroller__81266 .pageBody_bfae74 {
- padding-right: 0;
- gap: 0;
- }
- .chat__52833.scrollerContainer_bf5dbd .scroller__81266 .pageBody_bfae74 > div:first-child:not([class]) {
- background: rgba(0, 0, 0, 0.4);
- padding: 20px;
- }
- .chat__52833.scrollerContainer_bf5dbd .scroller__81266 .pageBody_bfae74 > div:first-child:not([class]) h2 {
- font-weight: 400;
- }
- .chat__52833.scrollerContainer_bf5dbd .profile_b28ef9 > h2,
- .chat__52833.scrollerContainer_bf5dbd .profile_b28ef9 > [data-text-variant="text-xs/normal"] {
- background: var(--store-sidebar-background);
- background-color: rgba(0, 0, 0, 0.2);
- padding-left: 18px;
- padding-right: 18px;
- }
- .chat__52833.scrollerContainer_bf5dbd .profile_b28ef9 > h2 {
- padding-top: 10px;
- font-weight: 400;
- }
- .chat__52833.scrollerContainer_bf5dbd .profile_b28ef9 > [data-text-variant="text-xs/normal"] {
- padding-bottom: 10px;
- }
- .chat__52833.scrollerContainer_bf5dbd .profileCard_bd55ee {
- margin-top: 0;
- width: 308px;
- background: var(--store-sidebar-background);
- border-radius: 0;
- box-sizing: border-box;
- }
- .chat__52833.scrollerContainer_bf5dbd .profileCard_bd55ee .role__65ab8 {
- background: rgba(0, 0, 0, 0.3);
- border-radius: 3px;
- }
- .prompt__1b100 {
- gap: 0;
- padding: 0;
- border-radius: 0;
- background: none;
- margin-top: var(--content-gutter);
- }
- .prompt__1b100 .promptTitle__514bc {
- background-color: var(--store-body-header);
- padding: 10px 20px 10px 20px;
- font-weight: normal;
- font-size: 14px;
- line-height: 16px;
- letter-spacing: 0.03em;
- text-transform: uppercase;
- }
- .prompt__1b100 .promptOptions__8e373 {
- background: rgba(0, 0, 0, 0.4);
- padding: 20px;
- }
- #app-mount .page__0b66e,
- #app-mount .container_df3aa0 {
- background: none;
- }
- .container_df3aa0 {
- padding: var(--content-gutter) 0 0 0;
- }
- .mainTableContainer__5ffe0 {
- background: none;
- border-radius: 0;
- box-shadow: none;
- min-width: unset;
- background: rgba(0, 0, 0, 0.4);
- }
- .mainTableContainer__5ffe0 .searchHeaderContainer_c4c100 {
- background-color: var(--store-body-header);
- padding: 10px 20px 10px 20px;
- }
- .mainTableContainer__5ffe0 .searchHeaderContainer_c4c100 .heading-md-medium_bfad58 {
- font-size: 14px;
- font-weight: normal;
- line-height: 16px;
- letter-spacing: 0.03em;
- text-transform: uppercase;
- }
- .mainTableContainer__5ffe0 .searchHeaderContainer_c4c100 .searchBar__63890 {
- background: rgba(0, 0, 0, 0.2);
- border: 1px solid #000;
- box-shadow: 1px 1px 0 0 var(--store-search-border);
- border-radius: 3px;
- }
- .mainTableContainer__5ffe0 .table_a843c4 {
- padding: 0 20px 20px;
- border-top: none;
- }
- .mainTableContainer__5ffe0 .tableHeaderRow__89a36:first-child:after {
- width: calc(100% + 40px);
- height: 1px;
- left: -20px;
- right: -20px;
- background: var(--background-modifier-accent);
- box-shadow: none;
- opacity: 1;
- bottom: 20px;
- }
- .mainTableContainer__5ffe0 .newMembersNotice__282a0 {
- position: relative;
- top: -20px;
- background: var(--btn-brand);
- border-radius: 0 0 3px 3px;
- transition: none;
- }
- .mainTableContainer__5ffe0 .newMembersNotice__282a0:hover {
- background: var(--btn-brand-hover);
- }
- .mainTableContainer__5ffe0 .newMembersNotice__282a0:hover .text-sm-normal_e612c7 {
- color: #fff !important;
- }
- .mainTableContainer__5ffe0 .newMembersNotice__282a0 td:first-child {
- border-bottom-left-radius: 3px;
- }
- .mainTableContainer__5ffe0 .newMembersNotice__282a0 td:last-child {
- border-bottom-right-radius: 3px;
- }
- .mainTableContainer__5ffe0 .newMembersNotice__282a0 .text-sm-normal_e612c7 {
- color: var(--btn-brand-text) !important;
- }
- .mainTableContainer__5ffe0 .tableHeaderCellContainer__6a919 {
- padding: 8px 8px 28px;
- }
- .mainTableContainer__5ffe0 .memberRowContainer_f0d0e5 {
- background: none !important;
- }
- .mainTableContainer__5ffe0 .memberRowContainer_f0d0e5 td::after {
- display: none;
- }
- .mainTableContainer__5ffe0 .memberRowContainer_f0d0e5.roundedRow_b6c2e1 td:first-child, .mainTableContainer__5ffe0 .memberRowContainer_f0d0e5.roundedRow_b6c2e1 td:last-child {
- border-radius: 0;
- }
- .mainTableContainer__5ffe0 .memberRowContainer_f0d0e5 .button_fb10b9 {
- color: var(--brand-experiment);
- border-radius: 2px;
- background: var(--btn-grey);
- transition-property: background, box-shadow, color;
- transition-duration: 0.2s;
- transition-timing-function: ease-out;
- }
- .mainTableContainer__5ffe0 .memberRowContainer_f0d0e5 .button_fb10b9 svg {
- color: var(--brand-experiment);
- }
- .mainTableContainer__5ffe0 .memberRowContainer_f0d0e5:hover td {
- background: none;
- }
- .mainTableContainer__5ffe0 .memberRowContainer_f0d0e5:hover, .mainTableContainer__5ffe0 .memberRowContainer_f0d0e5:active {
- background: var(--background-accent) !important;
- transition: background 0.2s linear;
- }
- .mainTableContainer__5ffe0 .memberRowContainer_f0d0e5:hover .button_fb10b9, .mainTableContainer__5ffe0 .memberRowContainer_f0d0e5:active .button_fb10b9 {
- background-color: var(--background-accent-hover);
- transition: background 0.2s linear, box-shadow 0.2s ease-in-out;
- }
- .mainTableContainer__5ffe0 .memberRowContainer_f0d0e5:hover .button_fb10b9:hover, .mainTableContainer__5ffe0 .memberRowContainer_f0d0e5:active .button_fb10b9:hover {
- background: var(--btn-grey-hover);
- box-shadow: var(--btn-grey-boxshadow);
- }
- .mainTableContainer__5ffe0 .memberRowContainer_f0d0e5 .smallCol__893bd .text-sm-medium_bc6ffc {
- color: var(--text-muted) !important;
- font-size: 12px;
- line-height: 22px;
- letter-spacing: 0.5px;
- text-transform: uppercase;
- font-weight: 700;
- display: flex;
- align-items: center;
- overflow: hidden;
- white-space: nowrap;
- text-overflow: ellipsis;
- }
- .otherRoles_a19529 {
- background: rgba(0, 0, 0, 0.3);
- }
- .pageSizeSelection__9dcee .text-md-normal__6a4eb {
- font-size: 14px;
- line-height: 18px;
- }
- .wrapper_bd2abe.chatSidebarOpen_dfaa6a .callContainer_cbde45 {
- border-radius: 0;
- }
- .wrapper_bd2abe {
- background: #000;
- }
- .chat__52833:has(.wrapper_bd2abe.video__85ac2) {
- max-width: 100%;
- }
- #app-mount:-webkit-full-screen {
- --app-gutter: 0;
- --content-gutter: 0;
- }
- .root__649bb {
- background: var(--background-tertiary);
- }
- .tile_a411a4 {
- border-radius: 4px;
- }
- .overlayTitle_a9f7c6 {
- border-radius: 4px;
- }
- .container-3a5mk- {
- background: var(--modal-background);
- border-radius: 0;
- box-shadow: 1px 3px 14px rgba(0, 0, 0, 0.65);
- }
- .container-3a5mk- .emojiPickerHeader-2mWh2T {
- background: none;
- }
- .container-3a5mk- .animatedPicker-IdiG5I {
- background: none;
- }
- .container-3a5mk- .dropDown-3dfe_z {
- color: var(--brand-experiment);
- }
- .container-3a5mk- .label__8e2ef {
- border-radius: 3px;
- }
- .container_c344de {
- background: var(--modal-background);
- border-radius: 0;
- box-shadow: 1px 3px 14px rgba(0, 0, 0, 0.65);
- }
- .container_c344de .titleRight_dca5f0[role=button] {
- border-radius: 2px;
- height: 34px;
- padding: 8px 14px;
- box-sizing: border-box;
- background: var(--btn-brand);
- --text-normal: var(--btn-brand-text);
- --interactive-active: var(--brand-experiment);
- }
- .container_c344de .titleRight_dca5f0[role=button]:hover {
- background: var(--btn-brand-hover);
- --text-normal: #fff;
- --interactive-active: #fff;
- }
- .container_c344de .titleRight_dca5f0[role=button] .defaultColor__77578 {
- font-weight: 400;
- }
- .activityItem_a6e176 {
- border-radius: 3px;
- }
- .content__1a4fe:before {
- display: none;
- }
- .container__11d72.themed_b152d4 {
- background: linear-gradient(90deg, hsl(calc(var(--accent-hue) + 7), calc(var(--saturation-factor, 1) * 41.5%), 41.6%, 0.919) 11.38%, hsl(calc(var(--accent-hue) + 4), calc(var(--saturation-factor, 1) * 51%), 46%, 0.8) 25.23%, hsl(calc(var(--accent-hue) + 24), calc(var(--saturation-factor, 1) * 76%), 24.5%) 100%);
- box-shadow: 0 0 3px rgba(0, 0, 0, 0.4);
- min-height: 36px;
- margin-top: var(--content-gutter);
- padding: 0 5px 0 4px;
- overflow: hidden;
- }
- .container__11d72.themed_b152d4 .children__32014:after {
- display: none;
- }
- .container__11d72.themed_b152d4 .divider_c09b64 {
- display: none;
- }
- .container__11d72.themed_b152d4 .title__9e2b0 {
- text-shadow: 0 2px 3px rgba(0, 0, 0, 0.3);
- font-size: 14px;
- text-transform: capitalize;
- }
- .container__11d72.themed_b152d4 .icon__4cb88 {
- color: var(--header-primary);
- width: 16px;
- height: 16px;
- filter: drop-shadow(0px 2px 3px rgba(0, 0, 0, 0.3));
- }
- .container__11d72.themed_b152d4 .count__03d4d {
- color: var(--header-primary) !important;
- font-size: 14px;
- }
- .container__11d72.themed_b152d4 .iconWrapper_af9215 {
- justify-content: center;
- align-items: center;
- display: flex;
- height: 36px;
- }
- .container__11d72.themed_b152d4 .toolbar__88c63 .returnButton_c34965 {
- background: var(--btn-brand);
- color: var(--btn-brand-text);
- transition: none;
- min-height: 24px;
- height: 24px;
- }
- .container__11d72.themed_b152d4 .toolbar__88c63 .returnButton_c34965:hover {
- background: var(--btn-brand-hover);
- color: #fff;
- }
- .container__11d72.themed_b152d4 .toolbar__88c63 .returnButton_c34965:hover svg {
- color: #fff;
- }
- .container__11d72.themed_b152d4 .toolbar__88c63 .returnButton_c34965 svg {
- color: var(--btn-brand-text);
- }
- .container__11d72.themed_b152d4 .toolbar__88c63 .iconWrapper_af9215[aria-label] {
- margin: 0;
- padding: 0 14px;
- }
- .container__11d72.themed_b152d4 .toolbar__88c63 .iconWrapper_af9215:where(:hover, [aria-expanded=true]) {
- background: var(--topbar-item-hover);
- }
- .container__11d72.themed_b152d4 .iconWrapper_af9215[aria-label]:has(.iconBadge_cc5031) .svg__7900e {
- height: 16px !important;
- width: 16px !important;
- }
- .container__11d72.themed_b152d4 .iconWrapper_af9215[aria-label]:has(.iconBadge_cc5031) .icon__4cb88 {
- height: 24px;
- width: 24px;
- color: var(--status-danger);
- }
- .container__11d72.themed_b152d4 .iconBadge_cc5031 {
- display: none;
- }
- .container__11d72.themed_b152d4 .topic__16ae3 {
- text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
- }
- .container__11d72.themed_b152d4 .search__07df0 {
- order: 1;
- margin: 0;
- }
- .container__11d72.themed_b152d4 .searchBar_e0c60b {
- min-width: 200px;
- height: 28px;
- border-radius: 3px;
- border: 1px solid rgba(0, 0, 0, 0.3);
- box-shadow: 1px 1px 0 rgba(255, 255, 255, 0.2);
- padding: 1px 1px 1px 4px;
- background: hsl(var(--accent-hue), calc(var(--saturation-factor, 1) * 45%), 35%);
- }
- .container__11d72.themed_b152d4 .search_ac353c .DraftEditor-root .public-DraftEditorPlaceholder-root {
- color: hsl(var(--accent-hue), calc(var(--saturation-factor, 1) * 45%), 10%);
- font-size: 14px;
- font-style: italic;
- text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.1);
- }
- .container__11d72.themed_b152d4 .search_ac353c .DraftEditor-root .DraftEditor-editorContainer {
- padding: 0 2px;
- }
- .container__11d72.themed_b152d4 .icon__46425 {
- background: hsl(var(--accent-hue), calc(var(--saturation-factor, 1) * 73%), 65%);
- border-radius: 2px;
- }
- .container__11d72.themed_b152d4 .icon__46425:not(:hover) {
- opacity: 0.76;
- }
- .container__11d72.themed_b152d4 .icon_f50f05,
- .container__11d72.themed_b152d4 .clear_e3e382.iconLayout__9fbb1:hover .icon_f50f05 {
- color: var(--background-accent);
- }
- .chat__52833.threadSidebarOpen_fa231dL:not(.threadSidebarFloating_b980c7) {
- max-width: calc(var(--content-width) - 400px);
- }
- .resizeHandle_f1a098 {
- width: var(--app-gutter);
- background: none;
- position: relative;
- }
- .container_def45c {
- border-radius: unset;
- background: none;
- max-width: var(--content-width);
- }
- .container_def45c.floating_f021e2 {
- border-left: 1px solid #000;
- top: 16px;
- background: var(--app-background);
- }
- .container_def45c.floating_f021e2 .container__11d72.themed_b152d4 {
- margin-top: 0;
- }
- .box_dd6d91 {
- background: var(--banner-blue);
- border-radius: 4px;
- box-shadow: var(--banner-shadow);
- margin: 12px 16px 12px 16px;
- padding: 16px 24px;
- width: -moz-fit-content;
- width: fit-content;
- max-width: 448px;
- }
- .box_dd6d91 h3 {
- font-size: 14px;
- font-weight: 400;
- }
- .box_dd6d91 [data-text-variant="text-sm/normal"] {
- font-size: 12px;
- }
- .box_dd6d91:after, .box_dd6d91:before {
- display: none;
- }
- .iconWrapper__85630 {
- margin-top: 0;
- border-radius: 0;
- background: none;
- }
- .chat__52833 {
- background: none;
- overflow: visible;
- max-width: var(--content-width);
- }
- .chatContent__5dca8 {
- background: none;
- }
- .scrollerContent_c73942 {
- justify-content: flex-start;
- }
- .wrapper__3d460,
- .wrapper_b8c724,
- .wrapper__5c5cd {
- background: none;
- }
- .emptyChannelIcon__1a1ba {
- display: none;
- }
- .attachment__7a2d0,
- .avatar_eb6eba,
- .blob__8d5bd {
- border-radius: 2px;
- }
- .memberGroupsPlaceholder_d0ae46,
- .mulitplePlaceholderUsername__5bd27,
- .placeholderAvatar__21e48,
- .placeholderUsername__7fd2c {
- border-radius: 2px;
- background: var(--text-normal);
- opacity: 0.08;
- }
- .popoutLoadingForeground_f61095 {
- background: var(--text-normal);
- opacity: 0.08;
- }
- @keyframes loading_LoadAmin_2z54o {
- 0% {
- transform: rotate(0deg);
- }
- 100% {
- transform: rotate(360deg);
- }
- }
- .spinningCircleInner__958da.inner_ea0cea {
- transform: none;
- }
- .spinningCircleInner__958da.inner_ea0cea svg {
- display: none;
- }
- .inner_ea0cea.wanderingCubes_ce37c6 span {
- display: none;
- }
- .spinningCircleInner__958da.inner_ea0cea::before,
- .inner_ea0cea.wanderingCubes_ce37c6::before {
- content: "";
- display: block;
- position: absolute;
- left: 0;
- right: 0;
- top: 0;
- bottom: 0;
- margin: auto;
- border-radius: 50%;
- height: calc(100% - 8px);
- width: calc(100% - 8px);
- border-top: 4px solid rgba(255, 255, 255, 0.2);
- border-right: 4px solid rgba(255, 255, 255, 0.2);
- border-bottom: 4px solid rgba(255, 255, 255, 0.2);
- border-left: 4px solid #fff;
- transform: translateZ(0);
- animation: loading_LoadAmin_2z54o 1.1s infinite linear;
- }
- .inner_ea0cea {
- min-width: 32px;
- min-height: 32px;
- align-items: center;
- }
- .scroller__244e5 .inner_ea0cea {
- height: 60px;
- width: 60px;
- }
- .loadingPopout__5f0e8 {
- box-shadow: 3px 3px 5px -3px #000;
- background: var(--background-accent);
- }
- .wrapper_dd4697:has(> .gatedContent_ba8306) {
- align-items: center;
- display: flex;
- }
- .gatedContent_ba8306 {
- border: 1px solid rgba(255, 255, 255, 0.2);
- border-radius: 5px;
- padding: 0;
- height: -moz-fit-content;
- height: fit-content;
- margin-left: 24px;
- margin-right: 24px;
- max-width: var(--content-width);
- }
- .gatedContent_ba8306 .image__0cdbe {
- margin: -45px 0 15px 0;
- padding: 0;
- height: 129px;
- width: 275px;
- background-color: var(--background-accent);
- box-shadow: 0 0 5px 0 #000000;
- }
- .gatedContent_ba8306 .title__5e888 {
- font-size: 14px;
- line-height: 18px;
- font-weight: 200;
- max-width: 640px;
- padding: 2px 0 0 0;
- text-align: center;
- margin: 0 0 10px;
- letter-spacing: 0.03em;
- text-transform: uppercase;
- }
- .gatedContent_ba8306 .description__0818b {
- margin-top: 20px;
- font-size: 14px;
- line-height: 18px;
- font-weight: 200;
- color: hsl(calc(var(--accent-hue) + 3), calc(var(--saturation-factor, 1) * 29.4%), 90%);
- }
- .gatedContent_ba8306 .description__0818b + .flex_f5fbb7:has(> button) {
- margin-bottom: 35px;
- gap: 3px;
- }
- .gatedContent_ba8306 .action_caa81f {
- margin: 0;
- }
- .wrapper_fbbb73 {
- border-radius: 4px;
- margin-bottom: var(--content-gutter);
- padding: 4px;
- box-sizing: content-box;
- height: unset;
- background: #000;
- box-shadow: var(--banner-shadow);
- }
- .wrapper_fbbb73 h3 {
- font-size: 14px;
- font-weight: 400;
- --header-primary: var(--text-muted);
- }
- .wrapper_fbbb73 .buttonContainer__1c00c {
- margin-right: 0;
- }
- .container_b181b6 {
- background: none;
- }
- .list-3FIpnh.scrollerBase_dc3aa9 {
- overflow: hidden overlay !important;
- }
- .list-3FIpnh.scrollerBase_dc3aa9 > div:first-child {
- box-sizing: border-box;
- padding-left: 0;
- }
- .grid-21dB-S > div:first-child,
- .headerRow-1MKoR-,
- .list-3FIpnh > div:first-child {
- min-width: unset;
- }
- .loadingCard-3pIp9h {
- background: rgba(0, 0, 0, 0.2);
- border-radius: 2px;
- }
- .container_b181b6 .list-3FIpnh > div:first-child {
- padding-right: 48px;
- }
- #app-mount .mainCard__8a660.header_c01fde {
- background: var(--banner-lightblue);
- }
- #app-mount .mainCard__8a660.header_c01fde .container-JhuCwn {
- padding-top: 16px;
- padding-bottom: 16px;
- }
- #app-mount .mainCard__8a660.header_c01fde .formContainer__8f0e4,
- #app-mount .mainCard__8a660.header_c01fde .horizontalPadding-3WQsQ9 {
- padding-left: 16px;
- padding-right: 16px;
- }
- #app-mount .mainCard__8a660.header_c01fde .formContainer__8f0e4 .form_c73970 {
- border: 1px solid hsl(calc(var(--accent-hue) + 2), calc(var(--saturation-factor, 1) * 39.7%), 22.7%);
- background-color: var(--banner-lightblue-input);
- border-radius: 3px;
- padding: 10px 11px;
- box-shadow: inset 0 0 7px rgba(0, 0, 0, 0.5);
- }
- #app-mount .mainCard__8a660.header_c01fde textarea {
- color: var(--channels-default-hover);
- font-weight: 400;
- background: none;
- box-shadow: none;
- font-size: 20px;
- }
- #app-mount .mainCard__8a660.header_c01fde textarea::-moz-placeholder {
- font-weight: 400;
- font-style: italic;
- }
- #app-mount .mainCard__8a660.header_c01fde textarea::placeholder {
- font-weight: 400;
- font-style: italic;
- }
- #app-mount .mainCard__8a660.header_c01fde .contentContainer-2xwoXK {
- padding-left: 0;
- }
- #app-mount .mainCard__8a660.header_c01fde .scrollableContainer__33e06 {
- border: none;
- box-shadow: none;
- margin-top: 6px;
- padding-top: 6px;
- border-top: 1px solid rgba(255, 255, 255, 0.2);
- border-radius: 0;
- }
- #app-mount .mainCard__8a660.header_c01fde .container__4f0d0 {
- margin: 2px 2px 0 16px;
- width: 92px;
- height: 92px;
- box-shadow: 0 0 0 1px hsl(0, 0%, 29%), 0 0 0 2px hsl(0, 0%, 36%);
- }
- #app-mount .mainCard__8a660.header_c01fde .container__4f0d0 .uploadInput_bbab2f {
- width: 92px;
- height: 92px;
- border-radius: 0;
- background-color: hsl(calc(var(--accent-hue) + 7), calc(var(--saturation-factor, 1) * 21.8%), 17.1%);
- box-shadow: inset 0 0 7px rgba(0, 0, 0, 0.5);
- }
- #app-mount .mainCard__8a660.header_c01fde .container__4f0d0 .imageSmall__59845 {
- height: 92px;
- border-radius: 0;
- }
- #app-mount .mainCard__8a660.header_c01fde .container__4f0d0 .popoutContainer__97400 {
- position: absolute;
- padding: 0;
- top: 0;
- right: 0;
- }
- #app-mount .mainCard__8a660.header_c01fde .container__4f0d0 .popout__6ba23 {
- padding: 0;
- border-radius: 0;
- background-color: var(--banner-lightblue-input);
- box-shadow: inset 0 0 7px rgba(0, 0, 0, 0.5), 0 0 0 1px hsl(0, 0%, 29%), 0 0 0 2px hsl(0, 0%, 36%);
- }
- #app-mount .mainCard__8a660.header_c01fde .container__4f0d0 .uploads__5ea19 {
- padding-right: 0;
- gap: 2px;
- }
- #app-mount .mainCard__8a660.header_c01fde .container__4f0d0 .spoilerContainer_b653f1 {
- border-radius: 0;
- background-color: transparent;
- }
- #app-mount .mainCard__8a660.header_c01fde .container__4f0d0 .attachmentItemSmall__2cb8c {
- min-width: 92px;
- min-height: 92px;
- max-width: 92px;
- max-height: 92px;
- }
- #app-mount .mainCard__8a660.header_c01fde .tagsContainer_e0ece5 {
- background-color: rgba(0, 0, 0, 0.2);
- padding: 8px;
- margin: 6px 110px 6px 0;
- }
- #app-mount .mainCard__8a660.header_c01fde .tagsContainer_e0ece5 .tagList__142bd {
- height: unset;
- }
- #app-mount .mainCard__8a660.header_c01fde .tagsContainer_e0ece5 .tagListInner__6097c {
- gap: 2px;
- }
- #app-mount .mainCard__8a660.header_c01fde .tagsContainer_e0ece5 .tagsButton_e96762 {
- position: relative;
- left: unset !important;
- min-width: unset;
- min-height: unset;
- width: 20px;
- height: 20px;
- margin-left: 0;
- font-size: 0;
- justify-content: center;
- border-radius: 2px;
- background-color: var(--btn-brand);
- --text-brand: var(--btn-brand-text);
- }
- #app-mount .mainCard__8a660.header_c01fde .tagsContainer_e0ece5 .tagsButton_e96762:hover {
- background: var(--btn-brand-hover);
- --text-brand: var(--white-500);
- }
- #app-mount .mainCard__8a660.header_c01fde .tagsContainer_e0ece5 .tagsButton_e96762 .tagsButtonInner_a70c04 {
- gap: 0;
- }
- #app-mount .mainCard__8a660.header_c01fde .tagsContainer_e0ece5 .tagsButton_e96762 .tagsButtonInner_a70c04::before {
- content: "+";
- font-size: 11px;
- }
- #app-mount .mainCard__8a660.header_c01fde .tagsContainer_e0ece5 .tagsButton_e96762 svg {
- display: none;
- }
- #app-mount .mainCard__8a660.header_c01fde .tagsDivider_a1443e {
- height: 1px;
- width: 100%;
- position: relative;
- left: 0;
- background-color: hsl(calc(var(--accent-hue) + 11), calc(var(--saturation-factor, 1) * 29.8%), 18.4%);
- }
- #app-mount .mainCard__8a660.header_c01fde .form_c73970 .submitButton__6a7c5 {
- color: hsl(var(--accent-hue), 41%, 28%);
- background: linear-gradient(to bottom, hsl(var(--accent-hue), calc(var(--saturation-factor, 1) * 82%), 87%) 5%, hsl(var(--accent-hue), calc(var(--saturation-factor, 1) * 34%), 69%) 95%);
- border-radius: 4px;
- border: 2px solid hsl(var(--accent-hue), 34%, 14%);
- transition: none;
- }
- #app-mount .mainCard__8a660.header_c01fde .form_c73970 .submitButton__6a7c5:hover {
- color: var(--white-500);
- background: linear-gradient(to bottom, hsl(calc(var(--accent-hue) - 3), calc(var(--saturation-factor, 1) * 86.6%), 67.8%) 5%, hsl(calc(var(--accent-hue) - 3), calc(var(--saturation-factor, 1) * 60%), 46.1%) 95%);
- }
- #app-mount .mainCard__8a660.header_c01fde .form_c73970 .submitButton__6a7c5 [data-text-variant="text-md/semibold"] {
- font-weight: 500;
- }
- .matchingPostsRow__510be {
- background: linear-gradient(to right, hsla(40, 49.1%, 54.5%, 0.6) 0%, transparent 60%);
- height: unset;
- border-radius: 0;
- padding: 6px;
- --text-normal: #ffcc6a;
- }
- .text-xs-normal_ccc5fb {
- line-height: unset;
- align-self: center;
- }
- .combo__57290,
- .key__06fe6 {
- height: unset;
- }
- .combo__57290 {
- text-transform: capitalize;
- font-weight: 500;
- }
- #app-mount .matchingPostsRow__510be .key__06fe6 {
- background: none;
- border: none;
- padding: 0 2px;
- box-shadow: none;
- min-height: unset;
- }
- .tagsSpacer-38ovAE:first-child {
- order: 1;
- margin-left: auto;
- margin-right: 0;
- }
- .container__1b27a {
- background: var(--banner-yellow);
- border: none;
- border-radius: 0;
- padding: 16px;
- margin-top: 1px;
- }
- .container__1b27a [class*=descriptionContainer] {
- margin-top: 0;
- background: none;
- padding: 16px;
- border-radius: 0;
- }
- .container__1b27a [class*=descriptionContainer]:has(.showMore-orAmWF) {
- -webkit-mask-image: linear-gradient(180deg, rgb(0, 0, 0) calc(100% - 53px - 21px), transparent calc(100% - 21px), rgb(0, 0, 0) calc(100% - 21px));
- mask-image: linear-gradient(180deg, rgb(0, 0, 0) calc(100% - 53px - 21px), transparent calc(100% - 21px), rgb(0, 0, 0) calc(100% - 21px));
- }
- .container__1b27a [class*=descriptionContainer] .guidelines-jQLwyH {
- color: #e1c48a !important;
- }
- .container__1b27a [class*=showMore] {
- height: 20px;
- border-top: 1px solid hsla(40, 59%, 71%, 0.5);
- }
- .container__1b27a [class*=showMore] [class*=gradient] {
- display: none;
- }
- .container__1b27a [class*=showMore] [class*=linkContainer] {
- background: none;
- }
- .container__1b27a [class*=showMore] [class*=showMoreLink] {
- padding: 0;
- }
- .container__1b27a [class*=showMore] [class*=showMoreText] {
- font-size: 10px;
- font-weight: 500;
- text-transform: uppercase;
- }
- .container__1b27a [class*=showMore] svg {
- margin-left: 4px;
- height: 10px;
- width: 10px;
- }
- .tagsContainer_e0ece5 {
- background: hsl(calc(var(--accent-hue) + 8), calc(var(--saturation-factor, 1) * 36%), 19%);
- margin-top: 32px;
- margin-bottom: 24px;
- padding: 0;
- flex-wrap: wrap;
- --taglist-bg: hsl(calc(var(--accent-hue) + 2) calc(var(--saturation-factor, 1)*38%) 27%);
- }
- .tagsContainer_e0ece5 > [class*=tagList] {
- height: unset;
- order: -1;
- width: 100%;
- flex-basis: 100%;
- padding: 10px;
- background: var(--taglist-bg);
- box-shadow: 0 0 5px #000;
- }
- .tagsContainer_e0ece5 > [class*=tagList] [class*=pill] {
- height: 20px;
- padding: 0 6px;
- }
- .tagsContainer_e0ece5 > [class*=tagList] [data-text-variant="text-sm/semibold"] {
- font-size: 12px;
- line-height: 16px;
- }
- .tagsContainer_e0ece5 > button {
- border-left: 1px solid var(--taglist-bg);
- box-shadow: none !important;
- }
- .tagsContainer_e0ece5 [class*=divider] {
- width: 0;
- height: 26px;
- border-radius: 0;
- background: none;
- margin: 0 4px 0 0;
- border-left: 1px solid var(--taglist-bg);
- }
- .tagsContainer_e0ece5 [class*=sortDropdown] {
- margin-bottom: 0;
- height: unset;
- background: none;
- border-radius: 0;
- }
- .tagsContainer_e0ece5 [class*=sortDropdown] [class*=sortDropdownText] {
- font-size: 10px;
- line-height: 10px;
- text-transform: uppercase;
- margin-left: 0;
- --interactive-normal: hsl(calc(var(--accent-hue) - 3) calc(var(--saturation-factor, 1)*41%) 45.9%);
- }
- .tagsContainer_e0ece5 [class*=sortDropdown] svg {
- height: 16px;
- width: 16px;
- color: var(--btn-brand-text);
- }
- .tagsContainer_e0ece5 [class*=sortDropdown] svg:has([d^="M16.3 21.7a1 1 0 0 0 1.4 0l4-4a1 1 0 0 0-1.4-1.4L18 18.58V3a1 1 0 1 0-2 0v15.59l-2.3-2.3a1 1 0 0 0-1.4 1.42l4 4ZM6.3 2.3a1 1 0 0 1 1.4 0l4 4a1 1 0 0 1-1.4 1.4L8 5.42V21a1 1 0 1 1-2 0V5.41l-2.3 2.3a1 1 0 0 1-1.4-1.42l4-4Z"]) {
- display: none;
- }
- .tagsContainer_e0ece5 [class*=tagsButton] {
- display: none;
- }
- .tagListInner-35MqcW {
- gap: 4px;
- }
- .card-2JNtco {
- padding-bottom: 6px;
- }
- #app-mount .mainCard__8a660 {
- transform: none;
- transition: none;
- box-shadow: none;
- }
- .mainCard__8a660 {
- border: none;
- border-radius: 0;
- background: rgba(0, 0, 0, 0.2);
- }
- .mainCard__8a660:has(.notice-2tOLuo) {
- padding-left: 14px;
- padding-right: 14px;
- padding-top: 8px;
- padding-bottom: 8px;
- height: -moz-fit-content;
- height: fit-content;
- }
- .mainCard__8a660:has(.notice-2tOLuo) .inline-1Al0JA {
- gap: 0;
- }
- .mainCard__8a660:has(.notice-2tOLuo) .inline-1Al0JA .author-2kHvde [data-text-variant="text-sm/semibold"],
- .mainCard__8a660:has(.notice-2tOLuo) .inline-1Al0JA .author-2kHvde [data-text-variant="text-sm/normal"] {
- font-size: 12px;
- }
- .mainCard__8a660:has(.notice-2tOLuo) .separator-3PdcLL {
- display: none;
- }
- .mainCard__8a660:has(.notice-2tOLuo) .title-Kuc4iQ {
- font-size: 16px;
- font-weight: 400;
- line-height: unset;
- display: block;
- overflow: hidden;
- white-space: nowrap;
- text-overflow: ellipsis;
- margin-bottom: 0;
- }
- .mainCard__8a660:has(.notice-2tOLuo) img {
- border-radius: 2px;
- right: 0;
- top: 0;
- background: #5765F2;
- }
- .container__99b06 {
- height: 72px;
- padding: 0;
- z-index: 0;
- }
- .container__99b06 .left__6764d {
- padding-left: 14px;
- padding-right: 14px;
- padding-top: 8px;
- }
- .mainCard__8a660:not(.header_c01fde) {
- --title-text: hsl(calc(var(--accent-hue) + 1) calc(var(--saturation-factor, 1)*29%) 83%);
- --body-text: hsl(var(--accent-hue) calc(var(--saturation-factor, 1)*23%) 28%);
- --text-normal: var(--body-text);
- --text-muted: var(--body-text);
- --header-secondary: var(--body-text);
- --background-modifier-accent: var(--body-text);
- }
- .mainCard__8a660 h3 {
- --text-muted: var(--title-text);
- --header-primary: var(--title-text);
- }
- .mainCard__8a660:hover {
- background: rgba(0, 0, 0, 0.4);
- }
- #app-mount .mainCard__8a660:not(.isOpen__8593d, .header_c01fde):hover {
- outline: 1px solid hsl(calc(var(--accent-hue) - 2), calc(var(--saturation-factor, 1) * 39%), 41%);
- outline-offset: -1px;
- }
- .container__99b06:not(.isOpen__8593d):hover .bodyMedia__43618 {
- -webkit-clip-path: inset(1px 1px 1px 0);
- clip-path: inset(1px 1px 1px 0);
- }
- #app-mount .mainCard__8a660:has(.newMessageCount_f45ea7),
- #app-mount .mainCard__8a660:has([class*=newBadge]),
- #app-mount .mainCard__8a660:has(.hasUnreads_bbeda4) {
- background: linear-gradient(-45deg, hsl(var(--accent-hue), calc(var(--saturation-factor, 1) * 41%), 43%) 5%, hsl(var(--accent-hue), calc(var(--saturation-factor, 1) * 36%), 26%) 95%);
- --title-text: var(--white-500);
- --body-text: hsl(30 1% 55%);
- }
- #app-mount .mainCard__8a660:has(.pinIcon__39b6e) {
- background: hsl(var(--accent-hue), calc(var(--saturation-factor, 1) * 35%), 8%);
- --title-text: var(--white-500);
- --body-text: hsl(30 1% 55%);
- }
- #app-mount .mainCard__8a660:has(.pinIcon__39b6e) .left__6764d,
- #app-mount .mainCard__8a660:has(.pinIcon__39b6e) .header-AZ_4Uz {
- z-index: 1;
- }
- .mainCard__8a660:has(.pinIcon__39b6e):not([class*=isOpen])::before {
- content: "";
- display: block;
- width: 305px;
- height: 101px;
- position: absolute;
- top: 0;
- left: -1px;
- background-image: url(https://maendisease.github.io/Steam/illustrations/bg_announcement.avif);
- background-repeat: no-repeat;
- z-index: 0;
- -webkit-clip-path: inset(1px 0 0 2px);
- clip-path: inset(1px 0 0 2px);
- filter: hue-rotate(calc(var(--hue-shift) * 1deg)) saturate(var(--saturation-factor, 1));
- }
- .mainCard__8a660:has(.pinIcon__39b6e):not([class*=isOpen]):hover::before {
- -webkit-clip-path: inset(0);
- clip-path: inset(0);
- }
- .mainCard__8a660 .pinIcon__39b6e,
- .mainCard__8a660 .newBadgeWrapper__052a9 {
- display: none;
- }
- .mainCard__8a660:has(.pinIcon__39b6e, [class*=newBadge]) .postTitleText__11fd1::before,
- .mainCard__8a660:has(.pinIcon__39b6e, [class*=newBadge]) .title-2qfNnd::before {
- white-space: nowrap;
- text-overflow: ellipsis;
- font-size: 14px;
- overflow: hidden;
- font-weight: 700;
- margin-right: 4px;
- }
- .mainCard__8a660:has(.pinIcon__39b6e) h3::before {
- content: "PINNED:";
- }
- .mainCard__8a660:has([class*=newBadge]) h3::before {
- content: "NEW:";
- }
- .mainCard__8a660:not(.isOpen__8593d) h3::before {
- color: #AEDD08;
- }
- #app-mount .mainCard__8a660[class*=isOpen] {
- background: linear-gradient(to right, hsl(var(--accent-hue), calc(var(--saturation-factor, 1) * 78%), 87%) 5%, hsl(var(--accent-hue), calc(var(--saturation-factor, 1) * 41%), 71%) 95%);
- overflow: visible;
- --title-text: hsl(var(--accent-hue) calc(var(--saturation-factor, 1)*26%) 8%);
- --body-text: hsl(var(--accent-hue) calc(var(--saturation-factor, 1)*23%) 28%);
- }
- .container__99b06.isOpen__8593d:after {
- content: " ";
- display: block;
- width: 50px;
- height: 50px;
- top: 11px;
- right: -25px;
- position: absolute;
- transform: rotate(45deg) scale(1);
- backface-visibility: hidden;
- background: linear-gradient(45deg, hsl(var(--accent-hue), calc(var(--saturation-factor, 1) * 42%), 71%) 50%, hsl(var(--accent-hue), calc(var(--saturation-factor, 1) * 41%), 70%) 95%);
- z-index: -1;
- }
- .container__99b06.isOpen__8593d .bodyMedia__43618 {
- -webkit-clip-path: inset(2px);
- clip-path: inset(2px);
- }
- .container__99b06 .header__961ee {
- padding-bottom: 4px;
- }
- .mainCard__8a660 h3 {
- font-size: 16px;
- font-weight: 400;
- line-height: unset;
- display: block;
- overflow: hidden;
- white-space: nowrap;
- text-overflow: ellipsis;
- }
- .container__99b06 .body__376f3 {
- padding-bottom: 3px;
- }
- .mainCard__8a660 .tags_e6c42a {
- gap: 2px;
- }
- .container__99b06 .tags_e6c42a {
- position: absolute;
- bottom: 6px;
- left: 14px;
- gap: 0;
- height: unset;
- margin-bottom: 0;
- }
- .container__99b06 .pill_f055c3.small_d2f964 {
- background: none;
- padding: 0 4px 0 0;
- height: unset;
- }
- .container__99b06 .pill_f055c3 .emoji__1d40e {
- margin-right: 2px;
- display: none;
- }
- .container__99b06 .pill_f055c3:not(:last-child)::after {
- content: ",";
- font-size: 12px;
- color: var(--text-muted);
- }
- .tags_e6c42a,
- .footer__7cd26 {
- overflow: hidden;
- }
- .container__99b06 .pill_f055c3 {
- translate: 0 24px;
- transition: translate 0.15s ease;
- }
- .container__99b06:hover .pill_f055c3 {
- translate: 0;
- }
- .container__99b06 .footer__7cd26 > * {
- transition: translate 0.15s ease;
- }
- .container__99b06:has(.pill_f055c3):hover .footer__7cd26 > * {
- translate: 0 -24px;
- }
- .footer__7cd26 {
- height: unset;
- font-size: 12px;
- }
- .footer__7cd26 .messageCountText__13680,
- .footer__7cd26 .text-sm-normal_e612c7,
- .footer__7cd26 .newMessageCount-MJLPv {
- font-size: 12px;
- }
- .footer__7cd26 .reaction_b90ab0 {
- border-radius: 2px;
- margin-right: 0;
- margin-bottom: 0;
- }
- .footer__7cd26 .reaction_b90ab0 .reactionInner__00d5f {
- height: 20px;
- padding: 0 6px;
- }
- .footer__7cd26 .reaction_b90ab0 .emoji {
- height: 14px;
- width: 14px;
- }
- .footer__7cd26 .reactionCount__60448 {
- font-size: 12px;
- }
- .messageCountBox_c71016 {
- height: unset;
- padding-top: 0;
- }
- .messageCountIcon__73000 {
- height: unset;
- margin-top: 0;
- }
- .footer__7cd26 .typing__68fbe .avatarContainer__7b330 {
- -webkit-clip-path: inset(0 4px 0 0);
- clip-path: inset(0 4px 0 0);
- }
- .footer__7cd26 .typing__68fbe .avatarContainer__7b330 .clickableAvatar_e26163,
- .footer__7cd26 .typing__68fbe .avatarContainer__7b330 .avatar__777a6 {
- border-radius: 0;
- }
- .footer__7cd26 .typing__68fbe .base__512ed {
- height: unset;
- font-size: 12px;
- line-height: unset;
- }
- .footer__7cd26 .typing__68fbe .dots__44c48 {
- background-color: rgba(0, 0, 0, 0.2);
- border: none;
- border-radius: 0;
- height: 16px;
- margin-left: -3px;
- margin-right: 0;
- width: 24px;
- }
- .reactionInner__4135b {
- padding: 0 6px;
- }
- .updateReactionButton__5db81 > div {
- padding-bottom: 0;
- padding-top: 0;
- }
- .bodyMedia__43618 {
- height: 72px;
- margin-left: 0;
- border-radius: 0;
- }
- .bodyMedia__43618 .thumbnailContainer_f53f40 {
- max-height: 100%;
- }
- .bodyMedia__43618 .imageWrapper_fd6587 {
- border-radius: 0;
- }
- .pill_f055c3 {
- border-radius: 2px;
- border: none;
- background-color: hsla(0, 0%, 100%, 0.2);
- }
- .pill_f055c3 .text-xs-semibold__2181c,
- .pill_f055c3 .text-sm-semibold_a5824d {
- font-weight: 400;
- }
- .pill_f055c3.small_d2f964 {
- height: 20px;
- padding: 0 6px;
- }
- .pill_f055c3.clickable__8b375 {
- background-color: var(--btn-brand);
- --text-normal: var(--btn-brand-text);
- }
- .pill_f055c3.clickable__8b375:not(.disabled__70fda):hover, .pill_f055c3.clickable__8b375:not(.disabled__70fda).selected_dc72d1 {
- background: var(--btn-brand-hover);
- --text-normal: #fff;
- }
- .messagesWrapper_ea2b0b .scrollerInner__059a5[data-list-id=chat-messages]:not(:has(.wrapper_b8c724)) {
- display: grid;
- position: relative;
- grid-template-columns: minmax(0, 1fr);
- }
- .messagesWrapper_ea2b0b .scrollerInner__059a5[data-list-id=chat-messages]:not(:has(.wrapper_b8c724)):before {
- content: "";
- grid-row: 1/3;
- position: absolute;
- top: 16px;
- left: 16px;
- right: 16px;
- bottom: 2px;
- z-index: -1;
- max-width: 758px;
- background: linear-gradient(170deg, hsl(calc(var(--accent-hue) + 11), calc(var(--saturation-factor, 1) * 34%), 34%) 0%, hsl(calc(var(--accent-hue) + 10), calc(var(--saturation-factor, 1) * 37%), 19%) 300px);
- border: 1px solid hsl(var(--accent-hue), calc(var(--saturation-factor, 1) * 35%), 23%);
- box-shadow: 0 0 5px #000;
- }
- .container__404b9.container_b03b4b .iconWrapper__3e4a9 {
- display: none;
- }
- .container_b03b4b h3 {
- font-size: 30px;
- line-height: 36px;
- margin-top: 7px;
- margin-bottom: 12px;
- }
- .container__404b9.container_b03b4b:not(:has(.text-md-normal__6a4eb)) + .divider__8cf56 {
- display: none;
- }
- .container_b03b4b {
- margin-left: 16px;
- margin-right: 16px;
- margin-bottom: 2px;
- max-width: 640px;
- padding: 12px 16px 20px 16px;
- }
- #app-mount .container__404b9 + div + li .message__80c10 {
- background: none;
- box-shadow: none;
- border: none;
- }
- #app-mount .container__404b9 + div + li .message__80c10 .header__39b23 {
- opacity: 1;
- }
- .container__8ee50 {
- background: var(--banner-lightblue);
- border-top: unset;
- margin-top: unset;
- padding: 8px;
- margin: 0 16px;
- max-width: 744px;
- }
- .container__8ee50:has(.buttonInner__2771e.active_f1266e) {
- background: var(--banner-green);
- }
- .container__8ee50 + .divider_ffec75 {
- opacity: 0;
- }
- .reaction_fef95b {
- border-radius: 2px;
- border: unset;
- font-size: 12px;
- font-weight: 500;
- margin-left: 2px;
- text-align: center;
- background-color: var(--btn-brand);
- }
- .reaction_fef95b:hover, .reaction_fef95b.reactionMe__98f57 {
- background: var(--btn-brand-hover);
- }
- .reaction_fef95b:hover .reactionCount_b49901, .reaction_fef95b.reactionMe__98f57 .reactionCount_b49901 {
- color: #fff;
- }
- .reaction_fef95b .reactionCount_b49901 {
- font-size: 12px;
- font-weight: 500;
- color: var(--btn-brand-text);
- }
- .addReactButton__59750 {
- gap: 2px;
- background: none;
- height: 20px;
- border-radius: 2px;
- border: none;
- color: var(--interactive-hover);
- }
- .addReactButton__59750:hover {
- background: var(--btn-brand-hover);
- }
- .addReactButton__59750:hover .icon__9ea62 {
- color: #fff;
- }
- .buttons__1995d {
- background-color: #000000;
- padding: 3px;
- border-radius: 2px;
- height: 32px;
- }
- .buttons__1995d button {
- padding: 0;
- }
- .buttons__1995d button:first-child {
- order: 1;
- }
- .buttons__1995d button:first-child .buttonInner__2771e {
- background: linear-gradient(to right, #75b022 5%, #588a1b 95%);
- padding: 0 16px;
- height: 32px;
- border-radius: 2px;
- border: 0;
- color: #d2efa9;
- text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.3);
- }
- .buttons__1995d button:first-child .buttonInner__2771e:hover {
- background: linear-gradient(to right, #8ed629 5%, #6aa621 95%);
- color: #fff;
- }
- .buttons__1995d button:first-child .buttonInner__2771e.active_f1266e {
- background: linear-gradient(to bottom, rgb(193, 228, 249) 5%, rgb(148, 183, 202) 95%);
- color: #2B5066;
- text-shadow: none;
- }
- .buttons__1995d button:first-child .buttonInner__2771e.active_f1266e:hover {
- background: linear-gradient(to bottom, rgb(102, 192, 244) 5%, rgb(47, 137, 188) 95%);
- color: #fff;
- }
- .buttons__1995d button:last-child .buttonInner__2771e {
- background: none;
- border: none;
- height: 100%;
- }
- .profilePanel__12596 {
- margin-left: var(--content-gutter);
- }
- .profilePanel__12596 .bannerSVGWrapper__3e7b0:not(:has([style*=image])) {
- position: absolute;
- top: 0;
- left: 0;
- z-index: unset;
- }
- .profilePanel__12596:not(:has(svg div[style*=image])) .overlayBackground__86b78 {
- --header-height: 112px;
- margin-top: var(--header-height);
- }
- .profilePanel__12596 .avatarPositionPanel__87e08 {
- top: 16px;
- }
- .profilePanel__12596 .userPanelInner_eddf4c:before {
- height: 100%;
- width: 100%;
- }
- .profilePanel__12596 .badgelistGroup__53eaa {
- position: absolute;
- top: calc(var(--banner-height, 108px) + 2px + 16px);
- left: 0;
- width: 100%;
- min-height: unset;
- margin: 0;
- }
- .profilePanel__12596 .badgeList_ef4131 {
- width: 100%;
- padding: 0;
- gap: 4px;
- z-index: 2;
- background: none;
- box-shadow: none;
- justify-content: center;
- min-height: unset;
- margin: 0;
- }
- .profilePanel__12596 .overlayBackground__86b78 ~ .overlayBackground__86b78:not(:empty, :has(.activity__20c1e)) {
- margin: 12px;
- background: rgba(0, 0, 0, 0.3);
- border-radius: 3px;
- padding: 20px 10px 11px 10px;
- }
- .profilePanel__12596 .profilePanelConnections__3c232 {
- gap: 7px;
- }
- .profilePanel__12596 .profilePanelConnections__3c232 > div {
- box-sizing: border-box;
- background: rgba(0, 0, 0, 0.3);
- border-radius: 5px;
- }
- .profilePanel__12596 .profilePanelConnections__3c232 button svg {
- color: var(--brand-experiment);
- }
- .profilePanel__12596 .mutualFriendsDivider_c21dfe {
- border-top: none;
- }
- .profilePanel__12596:has(.containerWithContent__7e98f) .overlayBackground__86b78:has(.memberSinceContainer__0a28b) {
- padding-top: 38px;
- }
- .profilePanel__12596:has(.containerWithContent__7e98f) .overlayBackground__86b78:has(.memberSinceContainer__0a28b):not(:has(.customStatusSection_ce6c27)) {
- padding-top: 54px;
- }
- .profilePanel__12596 .divider_ed0c1d {
- display: none;
- }
- .profilePanel__12596 .section__6f61e:has(.activity__20c1e) {
- background: rgba(0, 0, 0, 0.2);
- margin: 0 -12px -12px;
- padding: 12px;
- }
- .container_b2ce9c,
- .member_b44d5d,
- .members__9f47b {
- background: none;
- }
- .container_b2ce9c .scrollerBase_dc3aa9 {
- overflow: hidden overlay !important;
- }
- .members__9f47b[style^="overflow: hidden scroll"] {
- overflow: hidden overlay !important;
- }
- .members__9f47b {
- width: 308px;
- padding-bottom: var(--content-gutter);
- }
- .membersWrap__90226 {
- margin-left: var(--content-gutter);
- height: -moz-fit-content;
- height: fit-content;
- max-height: 100%;
- }
- .membersWrap__90226 .content__23cab {
- margin-top: var(--content-gutter);
- padding-bottom: 16px;
- background: var(--store-sidebar-background);
- }
- .layout_bb8e67 {
- border-radius: 1px;
- padding: 0 8px;
- background: var(--sidebar-btn-brand);
- }
- .clickable__17ccb:hover .layout_bb8e67,
- .clickable__17ccb:active .layout_bb8e67,
- .selected__9800b .layout_bb8e67 {
- background: var(--btn-brand-hover);
- }
- .clickable__17ccb:hover .layout_bb8e67:has([mask="url(#svg-mask-avatar-status-mobile-32)"]),
- .clickable__17ccb:active .layout_bb8e67:has([mask="url(#svg-mask-avatar-status-mobile-32)"]),
- .selected__9800b .layout_bb8e67:has([mask="url(#svg-mask-avatar-status-mobile-32)"]) {
- --rs-online-color: #fff;
- }
- .clickable__17ccb:hover .username_d272d6,
- .clickable__17ccb:active .username_d272d6,
- .selected__9800b .username_d272d6 {
- color: #fff !important;
- }
- .clickable__17ccb:hover .activity__3cbac,
- .clickable__17ccb:active .activity__3cbac,
- .selected__9800b .activity__3cbac {
- color: #fff;
- }
- .clickable__17ccb:hover .layout_bb8e67:has([mask="url(#svg-mask-avatar-status-mobile-32)"]),
- .clickable__17ccb:active .layout_bb8e67:has([mask="url(#svg-mask-avatar-status-mobile-32)"]),
- .selected__9800b .layout_bb8e67:has([mask="url(#svg-mask-avatar-status-mobile-32)"]) {
- --rs-online-color: #fff;
- }
- .membersGroup__85843.container-q97qHp {
- font-size: 12px;
- font-weight: 500;
- color: var(--text-muted);
- text-transform: capitalize;
- padding-top: 16px;
- }
- .member_aa4760 {
- margin-left: 16px;
- margin-right: 16px;
- max-width: unset;
- }
- .avatar__6337f {
- width: 32px;
- height: 32px;
- margin-right: 8px;
- }
- .name__16feb {
- font-size: 14px;
- line-height: 20px;
- font-weight: 600;
- }
- .layout_bb8e67:has([mask="url(#svg-mask-avatar-status-mobile-32)"]) .username__11d8c {
- display: flex;
- flex-flow: row nowrap;
- align-items: center;
- }
- .layout_bb8e67:has([mask="url(#svg-mask-avatar-status-mobile-32)"]) .username__11d8c span {
- max-width: calc(100% - 2px - 16px);
- overflow: hidden;
- white-space: nowrap;
- text-overflow: ellipsis;
- }
- .layout_bb8e67:has([mask="url(#svg-mask-avatar-status-mobile-32)"]) .username__11d8c::after {
- content: "";
- display: block;
- width: 16px;
- height: 16px;
- -webkit-mask: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 36 36" fill="none"><path d="m23.9557 3H12.0343C10.6158 3 9.47 4.1458 9.47 5.5643v24.8657c0 1.4186 1.1458 2.5643 2.5643 2.5643h11.9077c1.4186 0 2.5643-1.1458 2.5643-2.5643V5.5643c0-1.4186-1.1458-2.5643-2.5643-2.5643Zm-8.8933 1.2003h5.8788c.3819 0 .682.3001.682.682s-.3001.682-.682.682h-5.8788c-.3819 0-.682-.3001-.682-.682s.3001-.682.682-.682Zm2.9462 26.5844c-.7502 0-1.364-.6138-1.364-1.364s.6138-1.364 1.364-1.364 1.364.6138 1.364 1.364-.6138 1.364-1.364 1.364Zm6.7927-4.433H11.2568V7.2693h13.5172v19.096Z" fill="currentColor"></path></svg>') center/contain no-repeat;
- mask: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 36 36" fill="none"><path d="m23.9557 3H12.0343C10.6158 3 9.47 4.1458 9.47 5.5643v24.8657c0 1.4186 1.1458 2.5643 2.5643 2.5643h11.9077c1.4186 0 2.5643-1.1458 2.5643-2.5643V5.5643c0-1.4186-1.1458-2.5643-2.5643-2.5643Zm-8.8933 1.2003h5.8788c.3819 0 .682.3001.682.682s-.3001.682-.682.682h-5.8788c-.3819 0-.682-.3001-.682-.682s.3001-.682.682-.682Zm2.9462 26.5844c-.7502 0-1.364-.6138-1.364-1.364s.6138-1.364 1.364-1.364 1.364.6138 1.364 1.364-.6138 1.364-1.364 1.364Zm6.7927-4.433H11.2568V7.2693h13.5172v19.096Z" fill="currentColor"></path></svg>') center/contain no-repeat;
- background: var(--rs-online-color);
- margin-left: 2px;
- }
- .interactive:hover {
- color: #fff;
- background: var(--btn-brand-hover);
- }
- .wrapper__2d9b1 {
- border-radius: 2px;
- font-weight: 400;
- }
- .avatar__08316 {
- position: absolute;
- left: 14px;
- border-radius: 0;
- box-shadow: 0 0 0 1px hsl(0, 0%, 29%), 0 0 0 2px hsl(0, 0%, 36%);
- }
- .header__39b23 {
- opacity: 0.25;
- }
- .username_d30d99 {
- font-weight: 600;
- }
- .automodMessage__410f7:before,
- .ephemeral_c26b64:before,
- .highlighted__5f454:before,
- .mentioned__58017:before,
- .replying_d7b6ad:before {
- display: none;
- }
- #app-mount .botTagRegular_c89c9a {
- background-color: hsl(calc(var(--accent-hue) + 5), calc(var(--saturation-factor, 1) * 28.7%), 42.4%);
- border: 1px solid hsl(calc(var(--accent-hue) + 5), calc(var(--saturation-factor, 1) * 34%), 60.2%);
- color: hsl(calc(var(--accent-hue) + 5), calc(var(--saturation-factor, 1) * 78.8%), 77.8%);
- border-radius: 0;
- }
- #app-mount .message__80c10 {
- background: hsl(calc(var(--accent-hue) + 9), calc(var(--saturation-factor, 1) * 35.4%), 19.4%, 0.8);
- border: 1px solid hsl(calc(var(--accent-hue) + 9), calc(var(--saturation-factor, 1) * 35%), 22.9%);
- box-shadow: 0 0 5px #000;
- margin: 0 16px;
- margin-bottom: 2px;
- max-width: var(--message-width);
- }
- #app-mount .message__80c10.mentioned__58017 {
- background: rgb(94, 141, 156);
- }
- #app-mount .message__80c10.replying_d7b6ad {
- background: var(--message-background-gradient-blue);
- }
- #app-mount .message__80c10.automodMessage__410f7, #app-mount .message__80c10:has(.communicationDisabled__74899) {
- background: var(--banner-red);
- }
- #app-mount .message__80c10:has(.button_d553e5.dangerous_b60ec0:hover), #app-mount .message__80c10:has(.button_d553e5.dangerous_b60ec0:active) {
- background: var(--banner-red);
- }
- #app-mount .message__80c10:hover .header__39b23 {
- opacity: 1;
- }
- #app-mount .message__80c10 .mediaAttachmentsContainer_edba75,
- #app-mount .message__80c10 .messageAttachmentMediaMosaic__65bfc,
- #app-mount .message__80c10 .oneByOneGridSingle__01756,
- #app-mount .message__80c10 .imageWrapper_fd6587,
- #app-mount .message__80c10 .video__4c052,
- #app-mount .message__80c10 .wrapper__3a7a0 {
- border-radius: 4px;
- }
- #app-mount .messageListItem__6a4fb:has(.communicationDisabled__74899) + .messageListItem__6a4fb .message__80c10:not(.groupStart__56db5) {
- background: var(--banner-red);
- }
- .hoverButtonGroup__5b423 {
- border-radius: 3px;
- }
- #app-mount .groupStart__56db5 {
- margin-top: 0;
- }
- .compact__54ecc.wrapper__09ecc,
- .cozy_f5c119.wrapper__09ecc {
- padding-top: 12px;
- padding-bottom: 20px;
- padding-left: 70px;
- }
- #app-mount .compact__54ecc .repliedMessage_e2bf4a {
- top: 12px;
- }
- .compact__54ecc .repliedMessage_e2bf4a + .contents_f41bb2 {
- margin-top: 58px;
- }
- #app-mount .repliedMessage_e2bf4a {
- position: absolute;
- top: 56px;
- left: 86px;
- border: 1px solid var(--quote-color);
- margin-left: -5px;
- padding: 12px;
- border-radius: 3px;
- box-sizing: border-box;
- max-width: calc(100% - 97px);
- }
- #app-mount .repliedMessage_e2bf4a > div {
- position: relative;
- z-index: 1;
- }
- #app-mount .repliedMessage_e2bf4a::before {
- content: none;
- }
- #app-mount .repliedMessage_e2bf4a + .contents_f41bb2 .header__39b23 {
- margin-bottom: 92px;
- }
- #app-mount .repliedMessage_e2bf4a img.emoji {
- display: inline;
- }
- #app-mount .repliedMessage_e2bf4a .username_d30d99 {
- margin-right: 5px;
- }
- .blockquoteDivider__96157 {
- background-color: var(--quote-color);
- }
- .container__9d616 {
- top: 14px;
- padding-right: 8px;
- }
- .wrapper_c727b6 {
- background: none;
- height: 28px;
- border-radius: unset;
- box-shadow: unset;
- transition: unset;
- }
- .full-motion .wrapper_c727b6:hover {
- box-shadow: none;
- }
- .button_d553e5 {
- height: 28px;
- padding: 0;
- min-width: 34px;
- margin-left: 2px;
- background-color: var(--btn-dark);
- border-radius: 3px;
- }
- .button_d553e5:hover {
- background-color: var(--btn-dark-hover);
- }
- .button_d553e5:active {
- padding: 0;
- }
- .button_d553e5.selected__63428 {
- background-color: var(--btn-dark-hover);
- }
- .button_d553e5.dangerous_b60ec0:hover {
- background: var(--status-danger);
- color: #fff;
- }
- .embedFull__8dc21 {
- overflow: hidden;
- border-left: none;
- z-index: 0;
- box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.4);
- }
- .embedFull__8dc21::before {
- content: "";
- position: absolute;
- display: block;
- height: 100%;
- border-right: 100vw solid transparent;
- border-color: inherit;
- opacity: 0.4;
- z-index: -1;
- }
- .embedFull__8dc21::after {
- content: "";
- position: absolute;
- display: block;
- height: 100%;
- width: 100%;
- background: linear-gradient(-45deg, transparent, rgba(0, 0, 0, 0.6) 95%);
- opacity: 0.6;
- z-index: -1;
- }
- .embedFull__8dc21 .embedSuppressButton_df9a75 {
- display: flex;
- align-items: center;
- justify-content: center;
- margin: 6px 4px 0 0;
- height: 20px;
- width: 20px;
- right: 0;
- z-index: 2;
- }
- .embedFull__8dc21 .embedSuppressButton_df9a75:hover {
- background: var(--button-danger-background);
- color: var(--white-500);
- }
- .embedFull__8dc21 .embedAuthorIcon__6b055 {
- border-radius: 4px;
- }
- .newMosaicStyle__8d3be .codeView__8b1ff {
- margin: 2px 2px 0;
- border-radius: 4px;
- font-size: 0.8125rem;
- line-height: 1.0625rem;
- font-weight: lighter;
- -webkit-font-smoothing: antialiased;
- }
- .newMosaicStyle__8d3be .textContainer__709ff {
- background: linear-gradient(-90deg, hsl(calc(var(--accent-hue) - 2), calc(var(--saturation-factor, 1) * 100%), 94.3%, 0.3) 5%, hsl(calc(var(--accent-hue) - 10), calc(var(--saturation-factor, 1) * 15.6%), 39%, 0.3) 95%);
- border: none;
- border-radius: 4px 4px 0 0;
- min-height: 116px;
- }
- .newMosaicStyle__8d3be .footer__06f4b {
- background: linear-gradient(-60deg, hsl(calc(var(--accent-hue) - 2), calc(var(--saturation-factor, 1) * 100%), 94.3%, 0.3) 5%, hsl(calc(var(--accent-hue) - 10), calc(var(--saturation-factor, 1) * 15.6%), 39%, 0.3) 95%);
- border: none;
- border-radius: 0 0 4px 4px;
- gap: 4px;
- }
- .newMosaicStyle__8d3be .footer__06f4b .attachmentName_b33bf1 {
- color: var(--header-secondary);
- }
- .newMosaicStyle__8d3be .footer__06f4b .formattedSize__07da1 {
- color: var(--text-muted);
- }
- .newMosaicStyle__8d3be .footer__06f4b .downloadSection_a31362 + a {
- align-items: center;
- display: flex;
- }
- .newMosaicStyle__8d3be .footer__06f4b svg {
- color: var(--brand-experiment);
- }
- .newMosaicStyle__8d3be .footer__06f4b .codeIcon__14a76 {
- padding-bottom: 0;
- }
- .tile_ebc93b {
- transform: none;
- transition: none;
- min-height: unset;
- position: relative;
- border-radius: 4px;
- }
- #app-mount .tile_ebc93b {
- background: var(--banner-lightblue);
- }
- .tile_ebc93b .invalidPoop__03aa3 {
- background-color: transparent;
- background-size: 64%;
- }
- .tile_ebc93b .title__701c1 {
- font-size: 21px;
- font-weight: 400;
- }
- .tile_ebc93b .tagline__3427c {
- font-size: 14px;
- line-height: 18px;
- color: var(--header-secondary);
- margin-top: 0;
- }
- .tile_ebc93b .actions_e6e0f0 {
- margin-top: 10px;
- display: flex;
- margin-left: auto;
- align-items: center;
- width: -moz-fit-content;
- width: fit-content;
- background: #000;
- padding: 3px;
- border-radius: 2px;
- }
- .wrapperAudio__555ce {
- border: none;
- }
- #app-mount .wrapperAudio__555ce {
- background: var(--banner-lightblue);
- }
- .wrapperAudio__555ce .volumeButtonSlider__05188 {
- position: absolute;
- bottom: 10px;
- left: -54px;
- right: 0;
- }
- .audioControls__9fbe9 {
- border-radius: 2px;
- }
- .videoControls__96149 {
- background: linear-gradient(to top, rgba(0, 0, 0, 0.95) 0%, rgba(0, 0, 0, 0.6) 60%, hsl(calc(var(--accent-hue) + 25), calc(var(--saturation-factor, 1) * 9.4%), 12.5%, 0) 100%);
- }
- .videoControls__96149 .mediaBarWrapper_f312bd {
- background: hsl(calc(var(--accent-hue) - 13), calc(var(--saturation-factor, 1) * 15.8%), 29.8%);
- }
- .fakeEdges__17ee5::before, .fakeEdges__17ee5::after {
- display: none;
- }
- .durationTimeDisplay_acef46,
- .durationTimeSeparator__8b5d8 {
- font-weight: 400;
- font-family: var(--font-primary);
- }
- .controlIcon__11f8e {
- opacity: 0.4;
- }
- .videoButton__1a553 svg {
- color: #fff;
- height: 20px;
- width: 20px;
- padding: 2px;
- }
- .videoButton__1a553 svg:not(:hover) {
- opacity: 0.4;
- }
- .volumeButton__3a6bf:has([d^="M12 3a1 1 0 0 0-1-1h-.06a1 1 0 0 0-.74.32L5.92 7H3a1 1 0 0 0-1 1v8a1 1 0 0 0 1 1h2.92l4.28 4.68a1 1 0 0 0 .74.32H11a1 1 0 0 0 1-1V3ZM15.1 20.75c-.58.14-1.1-.33-1.1-.92v-.03c0-.5.37-.92.85-1.05a7 7 0 0 0 0-13.5A1.11 1.11 0 0 1 14 4.2v-.03c0-.6.52-1.06 1.1-.92a9 9 0 0 1 0 17.5Z"]) {
- -webkit-mask: url(https://maendisease.github.io/Steam/illustrations/icns/volume.svg) center/contain no-repeat;
- mask: url(https://maendisease.github.io/Steam/illustrations/icns/volume.svg) center/contain no-repeat;
- -webkit-mask-size: 20px;
- mask-size: 20px;
- }
- .volumeButton__3a6bf:has([d^="M12 3a1 1 0 0 0-1-1h-.06a1 1 0 0 0-.74.32L5.92 7H3a1 1 0 0 0-1 1v8a1 1 0 0 0 1 1h2.92l4.28 4.68a1 1 0 0 0 .74.32H11a1 1 0 0 0 1-1V3ZM15.18 15.36c-.55.35-1.18-.12-1.18-.78v-.27c0-.36.2-.67.45-.93a2 2 0 0 0 0-2.76c-.24-.26-.45-.57-.45-.93v-.27c0-.66.63-1.13 1.18-.78a4 4 0 0 1 0 6.72Z"]) {
- -webkit-mask: url(https://maendisease.github.io/Steam/illustrations/icns/volumehalf.svg) center/contain no-repeat;
- mask: url(https://maendisease.github.io/Steam/illustrations/icns/volumehalf.svg) center/contain no-repeat;
- -webkit-mask-size: 20px;
- mask-size: 20px;
- }
- .volumeButton__3a6bf:has([d^="M12 3a1 1 0 0 0-1-1h-.06a1 1 0 0 0-.74.32L5.92 7H3a1 1 0 0 0-1 1v8a1 1 0 0 0 1 1h2.92l4.28 4.68a1 1 0 0 0 .74.32H11a1 1 0 0 0 1-1V3ZM22.7 8.3a1 1 0 0 0-1.4 0L19 10.58l-2.3-2.3a1 1 0 1 0-1.4 1.42L17.58 12l-2.3 2.3a1 1 0 0 0 1.42 1.4L19 13.42l2.3 2.3a1 1 0 0 0 1.4-1.42L20.42 12l2.3-2.3a1 1 0 0 0 0-1.4Z"]) {
- -webkit-mask: url(https://maendisease.github.io/Steam/illustrations/icns/volumemuted.svg) center/contain no-repeat;
- mask: url(https://maendisease.github.io/Steam/illustrations/icns/volumemuted.svg) center/contain no-repeat;
- -webkit-mask-size: 20px;
- mask-size: 20px;
- }
- .volumeButton__3a6bf svg {
- background: #fff;
- }
- .volumeButton__3a6bf path {
- display: none;
- }
- .mediaBarInteractionVolume_f4c833 {
- border-radius: 0;
- padding: 0;
- }
- .mediaBarGrabber_c64ff9 {
- width: 6px;
- height: 24px;
- border-radius: 50px;
- margin-top: -16px;
- transition: none;
- box-shadow: 0 0 1px 1px #000;
- }
- .mediaBarInteraction__0633c:hover .mediaBarGrabber_c64ff9 {
- background-color: var(--brand-experiment);
- }
- .mediaBarInteraction__0633c:hover .mediaBarGrabber_c64ff9:hover {
- background-color: #fff;
- }
- .bubble_f48089 {
- top: -34px;
- border-radius: 2px;
- height: unset;
- line-height: 17px;
- font-size: 13px;
- font-weight: 400;
- color: var(--tooltip-text);
- background: var(--tooltip-background);
- box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.3333333333), 2px 2px 16px 1px rgba(0, 0, 0, 0.3333333333);
- }
- .bubble_f48089::before {
- display: none;
- }
- .bumpBox_cfd81a {
- background: rgba(0, 0, 0, 0.2);
- border-radius: 5px;
- padding: 5px 8px;
- margin-right: 4px;
- }
- .wrapper_efe67f {
- background: var(--background-tertiary);
- border-radius: 0;
- padding: 0;
- max-width: 432px;
- min-width: 160px;
- width: 100%;
- box-sizing: content-box;
- position: relative;
- border-top: 1px solid rgba(201, 201, 201, 0.06);
- border-bottom: 1px solid rgba(0, 0, 0, 0.5);
- box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.5);
- transform-style: preserve-3d;
- perspective: 300px;
- perspective-origin: 50%;
- overflow: hidden;
- }
- .wrapper_efe67f:has(.inviteSplash_f4eb93) {
- height: 222px;
- }
- .wrapper_efe67f:hover .inviteSplash_f4eb93 {
- transform: scale(1.06);
- filter: brightness(1.1) contrast(0.95) saturate(1);
- }
- .wrapper_efe67f:hover .inviteSplash_f4eb93::before {
- opacity: 0.2;
- transform: rotateZ(210deg) translateX(12%) translateY(32%);
- }
- .wrapper_efe67f .inviteSplash_f4eb93 {
- position: absolute;
- inset: 0;
- background-color: var(--background-modifier-accent);
- border-radius: 0;
- height: 100%;
- margin: 0;
- z-index: -1;
- transition-property: transform;
- transition-duration: 0.6s;
- transition-timing-function: cubic-bezier(0, 0.73, 0.48, 1);
- }
- .wrapper_efe67f .inviteSplash_f4eb93::before {
- content: "";
- display: block;
- opacity: 0.1;
- width: 220%;
- height: 100%;
- background: linear-gradient(to bottom, hsl(calc(var(--accent-hue) + 5), calc(var(--saturation-factor, 1) * 100%), 96.1%, 0) 0%, hsl(calc(var(--accent-hue) + 5), calc(var(--saturation-factor, 1) * 100%), 96.1%, 0.85) 12px, hsl(calc(var(--accent-hue) + 5), calc(var(--saturation-factor, 1) * 100%), 96.1%, 0.75) 20%, rgba(210, 210, 210, 0) 60%, rgba(10, 10, 10, 0) 85%, rgba(10, 10, 10, 0.8) 100%);
- position: absolute;
- top: 0;
- left: 0;
- transform: rotateZ(212deg) translateX(12%) translateY(59%);
- pointer-events: none;
- z-index: 10;
- transition-property: transform, opacity;
- transition-duration: 0.6s;
- transition-timing-function: cubic-bezier(0, 0.73, 0.48, 1);
- }
- .wrapper_efe67f .h5__884a2.eyebrow_b7df6b {
- display: none;
- }
- .wrapper_efe67f .content_cd557a {
- min-height: 76px;
- padding: 8px;
- margin-top: auto;
- position: relative;
- overflow: hidden;
- box-sizing: border-box;
- }
- .wrapper_efe67f .content_cd557a::before {
- content: "";
- display: block;
- position: absolute;
- inset: 0;
- box-shadow: inset 0 0 16px 16px #686868;
- filter: blur(16px);
- -webkit-backdrop-filter: blur(16px);
- backdrop-filter: blur(16px);
- overflow: hidden;
- z-index: -1;
- }
- .wrapper_efe67f .headerLine__7d71c {
- gap: 12px;
- }
- .wrapper_efe67f .inviteDestination_bd24e2 {
- font-weight: 400;
- text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
- }
- .wrapper_efe67f .guildDetail__0b882 {
- font-size: 12px;
- line-height: 16px;
- }
- .wrapper_efe67f .count__72c4c {
- color: var(--header-secondary);
- text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
- }
- #app-mount .wrapper_efe67f button {
- padding: 2px;
- background-image: radial-gradient(ellipse farthest-corner at 50% 40%, #75b022 0%, #588a1b 100%);
- box-shadow: 1px 1px 4px 1px rgba(0, 0, 0, 0.5);
- transition-property: background;
- transition-duration: 0.21s;
- transition-timing-function: ease-in-out;
- }
- #app-mount .wrapper_efe67f button:hover {
- background-image: radial-gradient(ellipse farthest-corner at 50% 40%, #8ed629 0%, #6aa621 100%);
- }
- #app-mount .wrapper_efe67f button:active {
- background-image: radial-gradient(ellipse farthest-corner at 50% 40%, rgb(193, 228, 249) 0%, rgb(148, 183, 202) 100%);
- }
- #app-mount .wrapper_efe67f button.buttonSize_b01b54 {
- height: 60px;
- width: 60px;
- }
- #app-mount .wrapper_efe67f:has(.inviteDestinationJoined_c0a563) button {
- background-image: radial-gradient(ellipse farthest-corner at 50% 40%, #35b2ec 0%, #11668a 100%);
- }
- .iconActiveLarge__8985a {
- border-radius: 3px;
- }
- #app-mount .guildIconImage__93ae7 {
- background-color: transparent;
- }
- .status__5b71e {
- height: 6px;
- width: 6px;
- margin-right: 8px;
- }
- .statusOffline__84b14 {
- background: var(--gpColor-Grey);
- }
- .statusOnline__13c7b {
- background: var(--gpColor-GreenHi);
- filter: drop-shadow(0 0 4px hsl(var(--gpColor-GreenHi-hsl)/0.8));
- }
- #app-mount .divider__8cf56.beforeGroup__1e5e5 {
- top: 0;
- }
- #app-mount .divider_b9338f[role=separator] {
- border-top: none;
- justify-content: flex-start;
- height: 1px;
- max-width: calc(var(--message-width) - 70px);
- background: var(--store-divider);
- margin-top: 2rem;
- margin-bottom: -1px;
- }
- #app-mount .divider_b9338f[role=separator]#---new-messages-bar {
- background: linear-gradient(to right, var(--status-danger) 0%, transparent 100%);
- }
- .content_d67847 {
- padding: 0;
- color: var(--quote-color);
- background: none;
- line-height: auto;
- font-size: 14px;
- margin-top: -30px;
- font-weight: 400;
- letter-spacing: 2px;
- border-radius: 0;
- text-transform: uppercase;
- }
- .unreadPill__715fc {
- top: unset;
- right: unset;
- bottom: 0;
- border-radius: 0;
- padding: 0;
- height: unset;
- font-size: 14px;
- font-weight: 400;
- line-height: auto;
- padding-bottom: 11px;
- letter-spacing: 2px;
- background: none;
- }
- .unreadPillCap__96b8d {
- display: none;
- }
- .content_d67847 + .unreadPill__715fc {
- right: 0;
- }
- .reaction_b90ab0 {
- border-radius: 5px;
- margin-right: 2px;
- margin-bottom: 2px;
- transition: none;
- background: var(--btn-dark);
- border: none;
- }
- .reaction_b90ab0:hover {
- background: rgba(255, 255, 255, 0.2);
- border-color: unset;
- }
- .reaction_b90ab0 .reactionInner__00d5f {
- padding: 5px 8px;
- }
- .reaction_b90ab0 .reactionInner__00d5f .reactionCount__60448 {
- color: var(--btn-dark-text);
- }
- .reaction_b90ab0.reactionMe_bf6909 {
- background: var(--btn-dark-hover);
- }
- .reaction_b90ab0.reactionMe_bf6909 .reactionCount__60448 {
- color: #fff;
- }
- .wrapper__09ecc:has(.blockedMessageText__57d64) {
- padding: 0 0 0 16px;
- }
- .wrapper__09ecc:has(.blockedMessageText__57d64).compact__54ecc {
- padding: 0 0 0 108px;
- }
- #app-mount .groupStart__56db5:has(.blockedMessageText__57d64) {
- margin: 0;
- }
- #app-mount .groupStart__56db5:has(.blockedMessageText__57d64).expanded_be53d7 {
- background: none;
- }
- #app-mount .groupStart__56db5:has(.blockedMessageText__57d64) .messageListItem__6a4fb {
- opacity: 0.5;
- }
- #app-mount .groupStart__56db5:has(.blockedMessageText__57d64) .message__80c10 {
- background: var(--info-danger-background);
- border: 1px solid var(--info-danger-foreground);
- }
- .blockedSystemMessage_e58a4c .iconContainer_dfc268 {
- display: none;
- }
- .blockedMessageText__57d64 {
- position: relative;
- font-size: 12px;
- line-height: 16px;
- color: var(--interactive-muted);
- }
- .blockedMessageText__57d64:hover {
- text-decoration: underline;
- color: var(--info-danger-foreground);
- }
- .blockedMessageText__57d64:after {
- content: "";
- position: absolute;
- right: 0;
- height: 100%;
- width: 14px;
- pointer-events: none;
- background-color: currentColor;
- -webkit-mask: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 18 24" fill="currentColor"><path fill-rule="evenodd" clip-rule="evenodd" d="M15 3.999V2H9V3.999H3V5.999H21V3.999H15Z M5 6.99902V18.999C5 20.101 5.897 20.999 7 20.999H17C18.103 20.999 19 20.101 19 18.999V6.99902H5ZM11 17H9V11H11V17ZM15 17H13V11H15V17Z" ></path></svg>') center/contain no-repeat;
- mask: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 18 24" fill="currentColor"><path fill-rule="evenodd" clip-rule="evenodd" d="M15 3.999V2H9V3.999H3V5.999H21V3.999H15Z M5 6.99902V18.999C5 20.101 5.897 20.999 7 20.999H17C18.103 20.999 19 20.101 19 18.999V6.99902H5ZM11 17H9V11H11V17ZM15 17H13V11H15V17Z" ></path></svg>') center/contain no-repeat;
- }
- .groupStart__56db5.expanded_be53d7 .blockedMessageText__57d64 {
- color: var(--info-danger-foreground);
- }
- .blockedAction__27053 {
- position: absolute;
- inset: 0;
- width: 100%;
- opacity: 0;
- }
- .spamBanner_adb1b9 {
- background: var(--banner-red);
- box-shadow: var(--banner-shadow);
- border-radius: 4px;
- }
- .attachment_f3cf2c {
- border-color: transparent;
- background: rgba(0, 0, 0, 0.2);
- }
- .container__767d1 {
- background: var(--btn-brand);
- border-radius: 2px;
- }
- .container__767d1 .cta__52756,
- .container__767d1 .name__35e6f {
- font-weight: 400;
- }
- .executedCommandAvatar__939bc,
- .replyAvatar_cea07c,
- .replyBadge__3d01e,
- .threadMessageAccessoryAvatar__4ccbb {
- border-radius: 3px;
- }
- .artwork__04b4e[viewBox="0 0 1700 1200"] {
- -webkit-mask: radial-gradient(circle at top, #000 0%, transparent 80%);
- mask: radial-gradient(circle at top, #000 0%, transparent 80%);
- }
- .artwork__04b4e[viewBox="0 0 1700 1200"] + .gradient__582ae {
- background: rgba(0, 0, 0, 0.8);
- }
- .prompt__671aa {
- width: 548px;
- min-height: 400px;
- height: unset;
- background: var(--modal-background);
- z-index: 1;
- border-radius: 0;
- box-shadow: var(--modal-shadow);
- }
- .prompt__671aa::before {
- content: "";
- display: block;
- height: 1px;
- width: 100%;
- background: linear-gradient(to right, hsl(calc(var(--accent-hue) - 13), calc(var(--saturation-factor, 1) * 100%), 50%) 0%, hsl(calc(var(--accent-hue) + 20), calc(var(--saturation-factor, 1) * 100%), 60%) 100%);
- position: absolute;
- z-index: 102;
- top: 0;
- }
- .prompt__671aa [data-text-variant="heading-xl/semibold"] {
- margin-top: 0;
- margin-bottom: 32px;
- font-size: 22px;
- font-weight: 700;
- line-height: 24px;
- }
- .prompt__671aa .overlay_ef4f80 {
- display: none;
- }
- .prompt__671aa .navButtons__484bf {
- background: none;
- padding: 32px;
- border-bottom-left-radius: 0;
- border-bottom-right-radius: 0;
- }
- .scrollerContent__41b47 {
- padding: 32px;
- }
- .promptOptions_df4f4d {
- gap: 4px;
- }
- .optionButtonWrapper__4072c {
- border: 0;
- border-radius: 2px;
- background: var(--background-accent);
- }
- .optionButtonWrapper__4072c:not(:hover, .pressed__03c1e, .selected__90dd8) [data-text-variant="text-md/medium"] {
- --header-primary: var(--contextmenu-text);
- }
- .optionButtonWrapper__4072c:hover {
- background: var(--background-accent-hover);
- }
- .optionButtonWrapper__4072c.pressed__03c1e {
- transform: none;
- }
- .optionButtonWrapper__4072c.selected__90dd8 {
- background: var(--brand-experiment);
- --header-secondary: #fff;
- }
- .optionButtonWrapper__4072c .checkIcon__5aa1f {
- display: none;
- }
- .optionButtonWrapper__4072c .memberCount_b5b6d4 {
- z-index: 1;
- border-radius: 3px;
- }
- .termsRow_f10fb0 [style="color: var(--text-muted);"] {
- --text-muted: var(--brand-experiment);
- font-weight: 700;
- font-size: 18px;
- }
- .termsFieldBody__96dcb {
- border-radius: 3px;
- background-color: rgba(0, 0, 0, 0.2);
- border: 1px solid #000;
- box-shadow: 1px 1px 0 0 var(--store-search-border);
- overflow: hidden overlay;
- max-height: 400px;
- box-sizing: border-box;
- }
- .termsFieldBody__96dcb::-webkit-scrollbar {
- width: 8px;
- height: 8px;
- }
- .termsFieldBody__96dcb::-webkit-scrollbar-track {
- border-color: transparent;
- background-color: transparent;
- border: 2px solid transparent;
- }
- .termsFieldBody__96dcb::-webkit-scrollbar-thumb {
- background-clip: padding-box;
- border: 2px solid transparent;
- border-radius: 4px;
- background-color: var(--scroller-color);
- min-height: 40px;
- }
- .termsFieldBody__96dcb::-webkit-scrollbar-corner {
- background-color: transparent;
- }
- .searchResultsWrap__9f374 {
- background: var(--store-sidebar-background);
- margin-top: 16px;
- margin-left: 16px;
- max-height: calc(100% - 16px);
- }
- .searchHeader__19d87 {
- background-color: rgba(0, 0, 0, 0.2);
- height: 56px;
- padding: 16px;
- }
- .searchResult_dcd237 {
- background: hsl(var(--accent-hue), calc(var(--saturation-factor, 1) * 88%), 68%, 0.1);
- border-radius: 0;
- }
- .container__7db35:hover .header__39b23 {
- opacity: 1;
- }
- .highlight {
- color: hsl(86, 100%, 79%);
- background-color: hsl(86, 52%, 38%);
- }
- .totalResults__695d3 {
- flex-grow: 0;
- margin-right: 16px;
- }
- .searchHeaderTabList__78b98 {
- --btn-count: 3;
- background: rgba(0, 0, 0, 0.2);
- border-radius: 3px;
- margin-left: auto;
- max-width: 250px;
- gap: 0;
- display: flex;
- flex-direction: row;
- position: relative;
- }
- #app-mount .searchHeaderTabList__78b98 .item__48dda {
- background: none;
- margin: 0;
- display: flex;
- flex: 0 1 calc(100% / var(--btn-count));
- justify-content: center;
- }
- #app-mount .searchHeaderTabList__78b98 .item__48dda:not(.selected__5711d):hover {
- background: hsl(var(--accent-hue), calc(var(--saturation-factor, 1) * 40%), 23%, 0.4);
- }
- .searchHeaderTabList__78b98::before {
- content: "";
- position: absolute;
- height: 100%;
- width: calc(100% / var(--btn-count));
- background: var(--store-tablist-btn);
- transition: translate 0.2s ease;
- border-radius: 3px;
- }
- .searchHeaderTabList__78b98:has(.selected__5711d:nth-child(2)):before {
- translate: 100%;
- }
- .searchHeaderTabList__78b98:has(.selected__5711d:nth-child(3)):before {
- translate: 200%;
- }
- .pageButton_bcd673 {
- min-height: 32px;
- }
- .pageButton_bcd673.button_afdfd9:disabled,
- .pageButton_bcd673.button_afdfd9[aria-disabled=true] {
- opacity: 0.2;
- pointer-events: none;
- }
- .pageButton_bcd673.button_afdfd9 {
- background-color: var(--btn-brand);
- color: hsl(var(--accent-hue), calc(var(--saturation-factor, 1) * 87%), 68%);
- font-weight: 400;
- }
- .pageButton_bcd673.button_afdfd9:hover {
- background-color: hsl(var(--accent-hue), calc(var(--saturation-factor, 1) * 87%), 68%);
- color: #fff;
- }
- .roundButton__9e83c.pageButton_bcd673 {
- background: none;
- font-weight: 400;
- }
- .roundButton__9e83c.pageButton_bcd673:hover {
- text-decoration: underline;
- color: #fff;
- }
- .roundButton__9e83c.pageButton_bcd673.activeButton__7a550 {
- color: hsl(var(--accent-hue), calc(var(--saturation-factor, 1) * 19%), 42%);
- cursor: default;
- background: none;
- }
- .roundButton__9e83c.pageButton_bcd673.gap__94f25 {
- cursor: text;
- }
- .pageControlContainer_b111b0 {
- margin: 0 0 4px 0;
- }
- .homeContainer_a4aa0a {
- margin-top: var(--content-gutter);
- padding: 0 0 32px 0;
- position: relative;
- }
- .homeContainer_a4aa0a .maxWidthWrapper_c95aa8 {
- max-width: unset;
- }
- .homeContainer_a4aa0a .header__35687 {
- margin-top: 52px;
- padding-bottom: 12px;
- background: linear-gradient(to right, transparent 50%, rgba(0, 0, 0, 0.4) 100%);
- display: grid;
- grid-template-columns: 1fr auto;
- gap: 16px;
- }
- .homeContainer_a4aa0a .headerArtWrapper__5d8d9 {
- margin-left: unset;
- margin-right: unset;
- border-radius: 0;
- width: 100%;
- }
- .homeContainer_a4aa0a .headerArt_e3ee19 {
- border-radius: 0;
- background-position: center;
- }
- .homeContainer_a4aa0a .headerIcon__8b099 {
- margin: 16px 16px 16px 0;
- border: none;
- background-color: transparent;
- }
- .homeContainer_a4aa0a div.headerName__72ee0 {
- position: absolute;
- top: 0;
- left: 0;
- width: 100%;
- }
- .homeContainer_a4aa0a div.headerName__72ee0 h3 {
- display: block;
- font-size: 26px;
- line-height: 32px;
- font-weight: 400;
- max-width: calc(100% - 324px - 16px);
- overflow: hidden;
- white-space: nowrap;
- text-overflow: ellipsis;
- }
- .homeContainer_a4aa0a .container_c7a926,
- .homeContainer_a4aa0a .container_ec1a33 {
- padding-top: 30px;
- gap: 2px;
- }
- .homeContainer_a4aa0a .container_c7a926 h2,
- .homeContainer_a4aa0a .container_ec1a33 h2 {
- font-size: 14px;
- line-height: 26px;
- text-transform: uppercase;
- letter-spacing: 0.03em;
- font-weight: 400;
- padding-top: 2px;
- margin-bottom: 6px;
- position: relative;
- }
- .homeContainer_a4aa0a .container_c7a926 h2::before,
- .homeContainer_a4aa0a .container_ec1a33 h2::before {
- content: "";
- display: block;
- position: absolute;
- left: 0;
- bottom: 0;
- width: 100%;
- height: 1px;
- background: var(--store-divider);
- }
- .homeContainer_a4aa0a .container_c7a926 .action_c957d9 {
- padding: 4px 8px;
- background: var(--banner-lightblue);
- transition: none;
- border-radius: 0;
- }
- .homeContainer_a4aa0a .container_c7a926 .action_c957d9:hover {
- background-color: var(--banner-lightblue-hover);
- }
- .homeContainer_a4aa0a .container_c7a926 .action_c957d9:hover .checkCircle__28cd5 {
- color: #fff;
- }
- .homeContainer_a4aa0a .container_c7a926 .action_c957d9:hover .channelIconContainer__5df13 svg,
- .homeContainer_a4aa0a .container_c7a926 .action_c957d9:hover .rulesIconContainer__2a9f3 svg, .homeContainer_a4aa0a .container_c7a926 .action_c957d9:has(.checkCircleCompleted_c66388) .channelIconContainer__5df13 svg,
- .homeContainer_a4aa0a .container_c7a926 .action_c957d9:has(.checkCircleCompleted_c66388) .rulesIconContainer__2a9f3 svg {
- color: #fff;
- }
- .homeContainer_a4aa0a .container_c7a926 .action_c957d9:has(.checkCircleCompleted_c66388) {
- background: linear-gradient(60deg, rgba(117, 176, 34, 0.7) 5%, rgba(88, 138, 27, 0.6) 95%);
- }
- .homeContainer_a4aa0a .container_c7a926 .action_c957d9 .large_cbd54d {
- width: 16px;
- height: 16px;
- }
- .homeContainer_a4aa0a .container_c7a926 .action_c957d9 .channelIconContainer__5df13,
- .homeContainer_a4aa0a .container_c7a926 .action_c957d9 .rulesIconContainer__2a9f3 {
- width: 18px;
- height: 18px;
- border-radius: 0;
- background: none;
- }
- .homeContainer_a4aa0a .container_c7a926 .action_c957d9 .channelIconContainer__5df13 svg,
- .homeContainer_a4aa0a .container_c7a926 .action_c957d9 .rulesIconContainer__2a9f3 svg {
- width: 16px;
- height: 16px;
- }
- .homeContainer_a4aa0a .container_c7a926 .action_c957d9 .checkCircle__28cd5 {
- height: 18px;
- width: 18px;
- }
- .homeContainer_a4aa0a .container_c7a926 .action_c957d9 .checkCircleCompleted_c66388 {
- height: 18px;
- width: 18px;
- color: #fff;
- }
- .homeContainer_a4aa0a .container_c7a926 .action_c957d9 .checkCircleCompleted_c66388 circle {
- fill: none;
- }
- .homeContainer_a4aa0a .container_c7a926 .action_c957d9:not(:hover, :has(.checkCircleCompleted_c66388)) {
- --header-primary: hsl(calc(var(--accent-hue) + 2) calc(var(--saturation-factor, 1)*11.5%) 69.4%);
- }
- .homeContainer_a4aa0a .container_c7a926 .action_c957d9:hover:not(:has(.checkCircleCompleted_c66388)) {
- --text-muted: #fff;
- }
- .homeContainer_a4aa0a .container_c7a926 .action_c957d9 .actionInfo_ca1ce8 {
- display: flex;
- flex-direction: row;
- }
- .homeContainer_a4aa0a .container_c7a926 .action_c957d9 [data-text-variant="text-md/semibold"] {
- font-size: 12px;
- line-height: unset;
- font-weight: 400;
- }
- .homeContainer_a4aa0a .container_ec1a33 {
- margin-top: 0;
- }
- .homeContainer_a4aa0a .container_ec1a33 .row__70f4c {
- padding: 8px;
- background: var(--banner-lightblue);
- transition: none;
- border-radius: 0;
- }
- .homeContainer_a4aa0a .container_ec1a33 .row__70f4c:hover {
- background-color: var(--banner-lightblue-hover);
- }
- .homeContainer_a4aa0a .container_ec1a33 .row__70f4c .title_ba7ffc {
- margin-bottom: 0;
- font-size: 12px;
- line-height: unset;
- font-weight: 400;
- }
- .homeContainer_a4aa0a .container_ec1a33 .row__70f4c [data-text-variant="text-sm/normal"] {
- margin-top: 4px;
- font-size: 12px;
- line-height: unset;
- font-weight: 400;
- }
- .homeContainer_a4aa0a .container_ec1a33 .row__70f4c .media_c4f903 {
- border-radius: 3px;
- }
- @media (min-width: 1300px) {
- .homeContainer_a4aa0a .headerArt_e3ee19 {
- height: 338px;
- padding-top: 0;
- }
- .homeContainer_a4aa0a .header__35687 {
- grid-template-columns: 1fr 324px;
- }
- }
- .iconActiveXLarge_f0b973 {
- border-radius: 3px;
- }
- .homeContent__049a1 {
- margin-top: 0;
- gap: var(--content-gutter);
- }
- @media (max-width: 1300px) {
- .homeContent__049a1 {
- max-width: var(--content-inner-width);
- margin-left: 0;
- }
- }
- .sidebarCardWrapper__2c840:has(.guildDescription_d4bc5b) {
- position: absolute;
- top: 176px;
- width: 324px;
- right: 0;
- box-sizing: border-box;
- padding: 0 16px 0 0;
- background: none;
- border-radius: 0;
- height: 214px;
- }
- .sidebarCardWrapper__2c840:has(.guildDescription_d4bc5b) h2 {
- display: none;
- }
- .sidebarCardWrapper__2c840:has(.guildDescription_d4bc5b) .guildDescription_d4bc5b {
- --text-normal: hsl(calc(var(--accent-hue) + 1) calc(var(--saturation-factor, 1)*28.1%) 82.5%);
- font-size: 14px;
- line-height: 18px;
- }
- .sidebarCardWrapper__2c840:has(.guildDescription_d4bc5b) .guildInfoText__8ad0c {
- line-height: 20px;
- }
- .sidebar_a22042 {
- width: 308px;
- min-width: 308px;
- }
- .sidebarCardWrapper__2c840:not(:has(.guildDescription_d4bc5b)) {
- background: var(--store-sidebar-background);
- border-radius: 0;
- }
- .sidebarCardWrapper__2c840:not(:has(.guildDescription_d4bc5b)) h2 {
- font-size: 12px;
- line-height: unset;
- font-weight: 400;
- margin-bottom: 2px;
- --header-primary: hsl(calc(var(--accent-hue) + 3) calc(var(--saturation-factor, 1)*8.2%) 59.4%);
- }
- .resourceChannelsList_ab112a {
- margin: 0;
- gap: 2px;
- }
- .resourceChannel__79493 {
- color: var(--btn-brand-text);
- border-radius: 1px;
- padding: 4px 0 4px 8px;
- background: var(--sidebar-btn-brand);
- }
- .resourceChannel__79493:hover {
- background: var(--btn-brand-hover);
- color: #fff;
- }
- .resourceChannel__79493 .resourceImageBase_c9b174 {
- border-radius: 2px;
- }
- .resourceChannel__79493 [data-text-variant="text-sm/semibold"] {
- font-size: 12px;
- font-weight: 400;
- }
- .welcomeMessageContainer__3d907 .welcomeMessageContent_c19bb5 {
- padding: 4px 16px 16px;
- z-index: 1;
- }
- .welcomeMessageContainer__3d907 .userProfileOuter__46bb7,
- .welcomeMessageContainer__3d907 .userProfileInner__8065b {
- border-radius: 4px;
- }
- .welcomeMessageContainer__3d907 .userCardInner_d6aa46 {
- border-radius: 4px;
- background: none;
- }
- #app-mount .welcomeMessageContainer__3d907 .wrapper_edb6e0 {
- border-radius: 4px;
- overflow: hidden;
- }
- .welcomeMessageContainer__3d907 .avatarBackground__9cf9d,
- .welcomeMessageContainer__3d907 .avatarBorder_d9ba14 {
- border-radius: 4px;
- }
- .welcomeMessageContainer__3d907 [data-text-variant="text-md/medium"] {
- font-size: 14px;
- line-height: 18px;
- font-weight: 400;
- }
- #app-mount .messagesWrapper_ea2b0b .scrollerInner__059a5[data-list-id=chat-messages]:not(:has(.wrapper_b8c724)) .navigationDescription__203e4:first-child + .divider__8cf56 + .messageListItem__6a4fb .message__80c10 {
- background: none;
- border: none;
- box-shadow: none;
- }
- .messagesWrapper_ea2b0b .scrollerInner__059a5[data-list-id=chat-messages]:not(:has(.wrapper_b8c724)):has(.navigationDescription__203e4:first-child + .divider__8cf56 + .messageListItem__6a4fb)::before {
- top: 32px;
- }
- .container__42489 {
- max-width: var(--content-width);
- }
- .container__42489 .scroller__5e182 {
- background: none;
- }
- .container__42489 .container__7beb8 {
- margin-top: var(--content-gutter);
- padding-bottom: 12px;
- background: linear-gradient(to right, transparent 50%, rgba(0, 0, 0, 0.4) 100%);
- display: grid;
- grid-template-areas: "banner icon" "banner title" "banner sub";
- -moz-column-gap: 16px;
- column-gap: 16px;
- align-items: start;
- grid-template-columns: 1fr 324px;
- position: relative;
- }
- .container__42489 .coverImageContainer__814bf {
- grid-area: banner;
- padding-bottom: 0;
- height: 100%;
- max-height: 338px;
- }
- .container__42489 .guildIconContainer__88c9b {
- grid-area: icon;
- padding: 0;
- background: none;
- border-radius: 3px;
- margin-top: 16px;
- margin-bottom: 8px;
- box-shadow: 0 0 3px #000000;
- width: 100px;
- }
- .container__42489 .iconInactive__90d40 {
- border-radius: 3px;
- }
- .container__42489 .ctaTitle__7b351 {
- grid-area: title;
- font-size: 14px;
- line-height: 18px;
- font-weight: 400;
- text-align: left;
- margin: 0 0 10px 0;
- padding-right: 16px;
- color: hsl(calc(var(--accent-hue) + 1), calc(var(--saturation-factor, 1) * 28.1%), 82.5%);
- }
- .container__42489 .ctaSubtitle_e20642 {
- grid-area: sub;
- --header-secondary: hsl(calc(var(--accent-hue) + 1) calc(var(--saturation-factor, 1)*28.1%) 82.5%);
- font-size: 14px;
- line-height: 18px;
- text-align: left;
- margin: 0;
- padding-right: 16px;
- }
- .container__42489 .container_e2a91b {
- flex: 1 1 320px;
- border-radius: 4px 4px 0 0;
- }
- .container__42489 .roleMessagePreview__8088a {
- padding: 0;
- background: none;
- border-radius: 0;
- border: none;
- }
- .container__42489 .benefitsList_a5c11d {
- gap: 10px;
- }
- .container__42489 .container_e337ba {
- padding: 8px 24px 10px 16px;
- background: var(--btn-grey);
- border-radius: 2px;
- }
- .tierPreviewsContainer__7683f {
- padding: 0;
- }
- .cardContainerWithoutTopIndicator_d7edfe {
- border-radius: 4px 4px 0 0;
- }
- .cardContainerWithoutTopIndicator_d7edfe .tierInfoContainer__80b01 {
- background: var(--banner-lightblue);
- padding: 32px 16px 16px;
- }
- .subscriptionPerks__2f4e5 {
- background: rgba(0, 0, 0, 0.4);
- }
- .infoContainer_f82778 .name_b4c1cb {
- font-weight: 400;
- }
- .form__13a2c {
- margin-top: 0;
- }
- .scrollableContainer__33e06 {
- border-radius: 3px;
- background-color: rgba(0, 0, 0, 0.2);
- border: 1px solid #000;
- box-shadow: 1px 1px 0 0 var(--store-search-border);
- }
- .channelTextArea__2e60f {
- margin-bottom: 24px;
- background: none;
- }
- #app-mount .form__13a2c:before {
- display: none;
- }
- .replyBar_b64d74, .threadSuggestionBar_b633f7 {
- background: rgba(0, 0, 0, 0.2);
- margin-bottom: 1px;
- border-radius: 3px;
- border: 1px solid hsl(var(--accent-hue), calc(var(--saturation-factor, 1) * 35%), 23%);
- }
- .attachedBars_da3c74 {
- background: none;
- border-radius: 0;
- }
- .replyBar_b64d74 [aria-checked=true] .mentionButton_a470c4 {
- background: linear-gradient(90deg, hsl(var(--accent-hue), calc(var(--saturation-factor, 1) * 100%), 51%) 0%, hsl(var(--accent-hue), calc(var(--saturation-factor, 1) * 100%), 59%) 100%);
- color: #fff !important;
- }
- .barBase__4e0ba {
- z-index: 3;
- }
- .barBase__4e0ba .inner_ea0cea {
- min-height: 24px;
- align-items: center;
- }
- .jumpToPresentBar__0ff7f {
- bottom: 1px;
- border-radius: 3px;
- background: var(--banner-lightblue) var(--app-bg);
- border: none;
- opacity: 1;
- padding-bottom: unset;
- }
- .newMessagesBar__8b6d7 {
- border-radius: 0 0 3px 3px;
- background: linear-gradient(135deg, hsl(var(--accent-hue), calc(var(--saturation-factor, 1) * 23.2%), 41.4%, 0.5) 0%, hsl(var(--accent-hue), calc(var(--saturation-factor, 1) * 60%), 71.6%, 0.5) 100%), var(--background-tertiary);
- opacity: 1;
- }
- .upload_c98ecb {
- background: rgba(0, 0, 0, 0.3);
- padding: 8px;
- border-radius: 5px;
- }
- .upload_c98ecb .actionBar__3cdab {
- transform: none;
- }
- .altTag__3fced {
- border-radius: 2px;
- }
- #app-mount .errorPage_da3c8d {
- background: linear-gradient(to right, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.8)), url(https://maendisease.github.io/Steam/illustrations/colored_body_top.avif) center left/cover no-repeat, linear-gradient(to right, var(--background-tertiary), var(--background-tertiary));
- }
- #app-mount .image_dabcb8 {
- background: none;
- }
- .errorPage_da3c8d {
- display: flex;
- align-items: center;
- justify-content: center;
- }
- .errorPage_da3c8d > .flex_f5fbb7 {
- background: var(--modal-background);
- max-width: 600px;
- max-height: 300px;
- width: -moz-fit-content;
- width: fit-content;
- height: -moz-fit-content;
- height: fit-content;
- border: 0.5px solid black;
- position: relative;
- flex-grow: 0;
- padding: 32px;
- overflow: hidden;
- }
- .errorPage_da3c8d > .flex_f5fbb7::before {
- content: "";
- display: block;
- height: 1px;
- width: 100%;
- background: linear-gradient(to right, hsl(calc(var(--accent-hue) - 13), calc(var(--saturation-factor, 1) * 100%), 50%) 0%, hsl(calc(var(--accent-hue) + 20), calc(var(--saturation-factor, 1) * 100%), 60%) 100%);
- position: absolute;
- z-index: 102;
- top: 0;
- }
- .errorPage_da3c8d .title__73f9a {
- font-size: 22px;
- font-weight: 700;
- line-height: 24px;
- margin-bottom: 0;
- }
- .errorPage_da3c8d .note__35490 {
- font-size: 14px;
- margin-top: 10px;
- }
- .errorPage_da3c8d .note__35490 p {
- margin: 0;
- line-height: 18px;
- }
- .image_dabcb8 {
- position: relative;
- background: none;
- height: 100px;
- width: 100px;
- margin-bottom: 32px;
- }
- .image_dabcb8::before {
- content: "";
- display: block;
- position: absolute;
- inset: 0;
- margin: auto;
- z-index: 999;
- height: 100%;
- width: 100%;
- max-height: 142px;
- max-width: 142px;
- -webkit-mask: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 36 36"><path d="M18 34.32C9 34.32 1.68 27 1.68 18S9 1.68 18 1.68 34.32 9 34.32 18 27 34.32 18 34.32Zm0-31.63c-8.44 0-15.32 6.87-15.32 15.32S9.55 33.33 18 33.33s15.32-6.87 15.32-15.32S26.45 2.68 18 2.68Zm7.98 7.95c-1.51-.71-3.11-1.2-4.74-1.48-.22.41-.43.83-.61 1.25-1.74-.26-3.51-.26-5.26 0-.19-.43-.39-.85-.61-1.25-1.64.28-3.24.78-4.75 1.48C7 15.15 6.19 19.55 6.6 23.88c1.76 1.32 3.73 2.32 5.82 2.96.47-.64.89-1.33 1.24-2.04-.68-.26-1.34-.57-1.96-.95.17-.12.33-.24.48-.38 3.69 1.76 7.95 1.76 11.63 0 .16.13.32.26.48.38-.63.37-1.29.7-1.96.95.36.72.77 1.4 1.24 2.04 2.09-.64 4.06-1.64 5.82-2.96.48-5.02-.82-9.38-3.42-13.24Zm-11.8 10.58c-1.13 0-2.07-1.06-2.07-2.34 0-1.28.91-2.34 2.07-2.34 1.16 0 2.09 1.06 2.07 2.34 0 1.28-.92 2.34-2.07 2.34zm7.64 0c-1.13 0-2.07-1.06-2.07-2.34 0-1.28.92-2.34 2.07-2.34s2.09 1.06 2.07 2.34c0 1.28-.92 2.34-2.07 2.34z"/></svg>') center/contain no-repeat;
- mask: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 36 36"><path d="M18 34.32C9 34.32 1.68 27 1.68 18S9 1.68 18 1.68 34.32 9 34.32 18 27 34.32 18 34.32Zm0-31.63c-8.44 0-15.32 6.87-15.32 15.32S9.55 33.33 18 33.33s15.32-6.87 15.32-15.32S26.45 2.68 18 2.68Zm7.98 7.95c-1.51-.71-3.11-1.2-4.74-1.48-.22.41-.43.83-.61 1.25-1.74-.26-3.51-.26-5.26 0-.19-.43-.39-.85-.61-1.25-1.64.28-3.24.78-4.75 1.48C7 15.15 6.19 19.55 6.6 23.88c1.76 1.32 3.73 2.32 5.82 2.96.47-.64.89-1.33 1.24-2.04-.68-.26-1.34-.57-1.96-.95.17-.12.33-.24.48-.38 3.69 1.76 7.95 1.76 11.63 0 .16.13.32.26.48.38-.63.37-1.29.7-1.96.95.36.72.77 1.4 1.24 2.04 2.09-.64 4.06-1.64 5.82-2.96.48-5.02-.82-9.38-3.42-13.24Zm-11.8 10.58c-1.13 0-2.07-1.06-2.07-2.34 0-1.28.91-2.34 2.07-2.34 1.16 0 2.09 1.06 2.07 2.34 0 1.28-.92 2.34-2.07 2.34zm7.64 0c-1.13 0-2.07-1.06-2.07-2.34 0-1.28.92-2.34 2.07-2.34s2.09 1.06 2.07 2.34c0 1.28-.92 2.34-2.07 2.34z"/></svg>') center/contain no-repeat;
- background: #fff;
- animation: discordSpinnerScale 1.44s cubic-bezier(0.5, 0, 0.5, 1) alternate infinite;
- }
- .image_dabcb8::after {
- content: "";
- display: block;
- position: absolute;
- inset: 0;
- margin: auto;
- z-index: 999;
- height: 100%;
- max-height: 142px;
- max-width: 142px;
- border-radius: 50%;
- aspect-ratio: 1;
- background: radial-gradient(farthest-side, var(--brand-experiment) 94%, rgba(0, 0, 0, 0)) top/40% 20% no-repeat, conic-gradient(rgba(0, 0, 0, 0) 20%, var(--brand-experiment));
- -webkit-mask: radial-gradient(farthest-side, rgba(0, 0, 0, 0) calc(100% - 4px), #000 0);
- mask: radial-gradient(farthest-side, rgba(0, 0, 0, 0) calc(100% - 4px), #000 0);
- animation: discordSpinnerRotate 2.88s cubic-bezier(0.5, 0, 0.5, 1) infinite, discordSpinnerFade 1.44s cubic-bezier(0.5, 0, 0.5, 1) alternate infinite;
- }
- @keyframes discordSpinnerScale {
- 0% {
- transform: scale(0.9);
- }
- 100% {
- transform: scale(0.82);
- }
- }
- @keyframes discordSpinnerRotate {
- 100% {
- transform: rotate(3turn);
- }
- }
- @keyframes discordSpinnerFade {
- 0% {
- opacity: 0;
- }
- 50% {
- opacity: 1;
- }
- }
- .image_dabcb8::after {
- background: radial-gradient(farthest-side, var(--status-danger) 94%, rgba(0, 0, 0, 0)) top/40% 20% no-repeat, conic-gradient(rgba(0, 0, 0, 0) var(--percent), var(--status-danger));
- animation: discordSpinnerRotateError 1.44s cubic-bezier(0.5, 0, 0.5, 1) alternate infinite, discordSpinnerTailError 2.88s cubic-bezier(0.5, 0, 0.5, 1) infinite, discordSpinnerFade 1.44s cubic-bezier(0.5, 0, 0.5, 1) alternate infinite;
- }
- @property --percent {
- syntax: "<percentage>";
- inherits: false;
- initial-value: 20%;
- }
- @keyframes discordSpinnerTailError {
- 25% {
- --percent: 20%;
- }
- 100% {
- --percent: 100%;
- }
- }
- @keyframes discordSpinnerRotateError {
- 100% {
- transform: rotate(0.5turn);
- }
- }
- .containerSidenav__2623a {
- max-width: var(--content-width);
- }
- #app-mount .containerSidenav__2623a {
- background: none;
- }
- #activity-tab::-webkit-scrollbar,
- #requests-tab::-webkit-scrollbar {
- width: 14px;
- height: 14px;
- }
- #activity-tab::-webkit-scrollbar-thumb,
- #requests-tab::-webkit-scrollbar-thumb {
- background-color: var(--scroller-color);
- min-height: 40px;
- }
- #activity-tab::-webkit-scrollbar-track,
- #requests-tab::-webkit-scrollbar-track {
- margin-bottom: 8px;
- }
- #activity-tab::-webkit-scrollbar-thumb, #activity-tab::-webkit-scrollbar-track,
- #requests-tab::-webkit-scrollbar-thumb,
- #requests-tab::-webkit-scrollbar-track {
- border: 4px solid transparent;
- background-clip: padding-box;
- border-radius: 8px;
- }
- #activity-tab::-webkit-scrollbar-corner,
- #requests-tab::-webkit-scrollbar-corner {
- background-color: transparent;
- }
- .applicationStore_fc7d76 {
- background: none;
- max-width: var(--content-width);
- }
- .applicationStore_fc7d76 .scroller__244e5 {
- background: #000;
- overflow-y: overlay !important;
- }
- .applicationStore_fc7d76 svg.root-1F1IKT {
- display: none;
- }
- .fullscreenHero-1r47nN {
- padding: 0;
- margin: 0;
- height: 395px;
- }
- .fullscreenHero-1r47nN::after {
- content: "";
- z-index: -1;
- position: absolute;
- inset: 0;
- width: 100%;
- height: 100%;
- background: linear-gradient(135deg, hsl(235, calc(var(--saturation-factor, 1) * 85.6%), 64.7%) 48%, hsl(269, calc(var(--saturation-factor, 1) * 52.7%), 52.7%) 55%);
- -webkit-mask: radial-gradient(circle at center, black 0%, transparent 45%);
- mask: radial-gradient(circle at center, black 0%, transparent 45%);
- }
- .premiumContainer__2ebd0 .containerPadding-2Et74V {
- padding: 0;
- }
- .container__5c7e7,
- .containerSidenav__2623a {
- background: none;
- }
- .container__5c7e7 {
- max-width: var(--content-width);
- }
- .sideNavContent_fdff7b {
- min-width: unset;
- max-width: var(--content-inner-width);
- padding: var(--content-gutter) 0 0 0;
- }
- .topPill__0cdf1 .item__48dda.themed_b957e8 {
- border-radius: 0;
- margin: 0;
- padding: 0 14px;
- height: 36px;
- text-shadow: 0 2px 3px rgba(0, 0, 0, 0.3);
- color: #e5e5e5;
- font-size: 14px;
- display: flex;
- align-items: center;
- }
- .topPill__0cdf1 .item__48dda.themed_b957e8:hover:not(.disabled__85bca) {
- background: var(--topbar-item-hover);
- }
- .topPill__0cdf1 .item__48dda.themed_b957e8.selected__5711d, .topPill__0cdf1 .item__48dda.themed_b957e8.selected__5711d:hover {
- background: none;
- color: var(--white-500);
- }
- .topPill__0cdf1 .item__48dda.themed_b957e8.addFriend__80542 {
- margin-top: 3px;
- height: 30px;
- background: linear-gradient(to right, #75b022 5%, #588a1b 95%);
- padding: 0 16px;
- border-radius: 2px;
- color: #d2efa9;
- text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.3);
- box-shadow: 0 0 3px rgba(0, 0, 0, 0.4);
- }
- .topPill__0cdf1 .item__48dda.themed_b957e8.addFriend__80542:hover {
- background: linear-gradient(to right, #8ed629 5%, #6aa621 95%);
- color: var(--white-500);
- }
- .topPill__0cdf1 .item__48dda.themed_b957e8.addFriend__80542.selected__5711d {
- background: linear-gradient(to bottom, rgb(193, 228, 249) 5%, rgb(148, 183, 202) 95%);
- color: #2B5066;
- text-shadow: none;
- }
- .searchBar_ff8800 {
- background-color: rgba(0, 0, 0, 0.2);
- border: 1px solid #000;
- box-shadow: 1px 1px 0 0 var(--store-search-border);
- border-radius: 3px;
- margin: 0;
- }
- .searchBar_ff8800 input::-moz-placeholder {
- font-style: italic;
- }
- .searchBar_ff8800 input::placeholder {
- font-style: italic;
- }
- .title_dc625c {
- margin: 10px 0 0 0;
- }
- .peopleColumn__51df3 {
- margin-top: var(--content-gutter);
- max-width: var(--content-inner-width);
- }
- .peopleColumn__51df3 .sectionTitle__69d2d {
- max-width: var(--content-inner-width);
- background-color: var(--store-body-header);
- padding: 10px 20px 10px 20px;
- margin-top: var(--content-gutter);
- }
- .peopleColumn__51df3 .title_dc625c {
- margin: 0;
- font-weight: normal;
- font-size: 14px;
- line-height: 16px;
- letter-spacing: 0.03em;
- text-transform: uppercase;
- color: #fff;
- }
- .peopleList__2379e {
- margin-top: 0;
- padding: 0 !important;
- overflow: hidden overlay !important;
- }
- .peopleList__2379e > div:not([class], [aria-hidden=true]) {
- padding-right: 2px;
- background: rgba(0, 0, 0, 0.4);
- padding: 20px;
- }
- .peopleListItem_d14722 {
- border: none !important;
- margin: 0 !important;
- padding: 6px 8px !important;
- border-radius: 0 !important;
- height: 58px !important;
- font-size: unset;
- line-height: unset;
- }
- .peopleListItem_d14722:hover, .peopleListItem_d14722.active__6b8ff {
- border-radius: 0;
- background: var(--background-accent);
- transition: background 0.2s linear;
- }
- .peopleListItem_d14722:hover .actionButton__23182, .peopleListItem_d14722.active__6b8ff .actionButton__23182 {
- background-color: var(--background-accent-hover);
- transition: background 0.2s linear, box-shadow 0.2s ease-in-out;
- }
- .peopleListItem_d14722:hover .actionButton__23182.actionDeny_d304eb:hover, .peopleListItem_d14722.active__6b8ff .actionButton__23182.actionDeny_d304eb:hover {
- color: #fff;
- background: var(--status-danger);
- }
- .peopleListItem_d14722:hover .actionButton__23182:hover, .peopleListItem_d14722.active__6b8ff .actionButton__23182:hover {
- background: var(--btn-grey-hover);
- box-shadow: var(--btn-grey-boxshadow);
- }
- .peopleListItem_d14722 .userInfo__18240 .wrapper_edb6e0 {
- margin-top: 0;
- }
- .peopleListItem_d14722 .username__81ee6 {
- line-height: 20px;
- font-size: 16px;
- font-weight: 400;
- color: var(--header-primary);
- }
- .peopleListItem_d14722 .discriminator_aef524 {
- font-weight: 400;
- }
- .peopleListItem_d14722 .text__1dddb {
- color: var(--text-muted);
- font-size: 12px;
- line-height: 22px;
- letter-spacing: 0.5px;
- text-transform: uppercase;
- font-weight: 700;
- }
- .peopleListItem_d14722 .actionButton__23182 {
- color: var(--brand-experiment);
- border-radius: 2px;
- background: var(--btn-grey);
- transition-property: background, box-shadow, color;
- transition-duration: 0.2s;
- transition-timing-function: ease-out;
- }
- .peopleListItem_d14722 .actionButton__23182.actionDeny_d304eb {
- color: var(--status-danger);
- }
- .peopleListItem_d14722 .actionButton__23182 svg {
- height: 18px;
- width: 18px;
- }
- #app-mount .peopleListItem_d14722 .userInfo__18240 .wrapper_edb6e0 {
- margin-top: 0;
- margin-left: 1px;
- }
- .userInfo__18240 {
- position: relative;
- height: 100%;
- align-items: center;
- overflow: visible;
- }
- .userInfo__18240:has([mask="url(#svg-mask-status-online)"]) .username__81ee6, .userInfo__18240:has([mask="url(#svg-mask-avatar-status-mobile-32)"]) .username__81ee6 {
- color: var(--rs-online-color);
- }
- .userInfo__18240:has([mask="url(#svg-mask-status-idle)"]) .username__81ee6 {
- color: var(--rs-idle-color);
- }
- .userInfo__18240:has([mask="url(#svg-mask-status-dnd)"]) .username__81ee6 {
- color: var(--rs-dnd-color);
- }
- .header__6113c {
- padding: 0;
- border-bottom: 0;
- }
- .title_c627bb {
- font-weight: normal;
- font-size: 14px;
- line-height: 16px;
- letter-spacing: 0.03em;
- text-transform: uppercase;
- color: #fff;
- background-color: var(--store-body-header);
- padding: 10px 20px 10px 20px;
- margin-bottom: 0;
- }
- .header__6113c form {
- background-color: rgba(0, 0, 0, 0.4);
- padding: 20px;
- }
- .description__7af71 {
- font-size: 14px;
- line-height: 18px;
- font-weight: normal;
- color: hsl(calc(var(--accent-hue) + 3), calc(var(--saturation-factor, 1) * 8.2%), 59.4%);
- letter-spacing: 0.02em;
- }
- .addFriendInputWrapper__4bf8e {
- background-color: rgba(0, 0, 0, 0.2);
- border: 1px solid #000;
- border-radius: 3px;
- padding: 0 4px 0 0;
- }
- .addFriendInputWrapper__4bf8e .addFriendInput__568d8 {
- padding: 0;
- }
- .addFriendInputWrapper__4bf8e .inputDefault__80165 {
- padding: 10px;
- height: unset;
- background: none !important;
- box-shadow: none !important;
- }
- .inputText__81d8a {
- font-size: 14px;
- font-weight: 400;
- }
- .nowPlayingColumn_f5023f {
- background: none;
- margin-top: var(--content-gutter);
- margin-left: var(--content-gutter);
- }
- .nowPlayingColumn_f5023f .container__0a6a9 {
- background: none;
- }
- .nowPlayingColumn_f5023f .scroller__00e7e {
- background: var(--store-sidebar-background);
- height: -moz-fit-content;
- height: fit-content;
- max-height: 100%;
- border-left: none;
- margin-left: 0;
- }
- .nowPlayingColumn_f5023f .header__123bf {
- font-weight: 400;
- font-size: 12px;
- line-height: 16px;
- letter-spacing: 0.02em;
- color: var(--text-muted);
- margin: 0 0 2px 0;
- }
- .nowPlayingColumn_f5023f .wrapper__6e669 {
- background: var(--sidebar-btn-brand);
- border: none;
- border-radius: 0;
- }
- .nowPlayingColumn_f5023f .wrapper__6e669:hover {
- background: var(--btn-brand-hover);
- }
- .nowPlayingColumn_f5023f .wrapper__6e669 .inset__0bfb3 {
- background: rgba(0, 0, 0, 0.2);
- border-radius: 0;
- }
- .nowPlayingColumn_f5023f .wrapper__6e669 .section_efc22d {
- padding: 10px;
- background: none;
- border-radius: 0;
- }
- .emptyCard_f82dde {
- background: rgba(0, 0, 0, 0.2);
- border-radius: 0;
- }
- .emptyCard_f82dde .emptyHeader_eeafcc {
- font-weight: 400;
- }
- #add_friend-tab .header_afb7fc {
- background-color: rgba(0, 0, 0, 0.2);
- padding: 20px 20px 0;
- }
- #add_friend-tab .header_afb7fc .h2_f0b768 {
- font-size: 18px;
- font-weight: 400;
- line-height: 22px;
- text-transform: unset;
- }
- #add_friend-tab .grid__5ef55 {
- background-color: rgba(0, 0, 0, 0.2);
- padding: 10px 20px 20px;
- width: 100%;
- }
- #add_friend-tab .container_a308ae {
- border-radius: 2px;
- border: none;
- padding: 6px 8px;
- background: var(--btn-brand);
- color: var(--btn-brand-text);
- }
- #add_friend-tab .container_a308ae:hover {
- background: var(--btn-brand-hover);
- color: #fff;
- }
- #add_friend-tab .container_a308ae:hover svg {
- color: #fff;
- }
- #add_friend-tab .container_a308ae .icon__28d6c {
- margin: 0 12px 0 0;
- border-radius: 2px;
- }
- #add_friend-tab .container_a308ae .text__21b87 {
- text-align: left;
- font-size: 14px;
- line-height: 18px;
- font-weight: 400;
- color: inherit;
- }
- #add_friend-tab .container_a308ae svg {
- color: var(--brand-experiment);
- height: 18px;
- width: 18px;
- margin: 8px;
- }
- [data-list-id=message-requests-list] {
- padding: 0 !important;
- }
- [data-list-id=message-requests-list] .content__23cab {
- max-width: var(--content-inner-width);
- z-index: 0;
- }
- [data-list-id=message-requests-list] .content__23cab:after {
- content: "";
- display: block;
- position: absolute;
- inset: 20px 0 0 0;
- z-index: -1;
- background: rgba(0, 0, 0, 0.4);
- }
- [data-list-id=message-requests-list] .sectionTitle__3a086 {
- background-color: var(--store-body-header);
- padding: 10px 20px 10px 20px;
- margin: -8px 0 0 0;
- font-weight: normal;
- font-size: 14px;
- line-height: 16px;
- letter-spacing: 0.03em;
- text-transform: uppercase;
- color: #fff;
- }
- [data-list-id=message-requests-list] .sectionTitle__3a086 + .messageRequestItem__3b951 {
- margin-top: 20px;
- }
- [data-list-id=message-requests-list] .messageRequestItem__3b951 {
- font-weight: 500;
- font-size: 16px;
- line-height: 20px;
- border: none !important;
- border-radius: 0;
- margin-left: 20px;
- margin-right: 20px;
- padding: 6px 8px;
- height: 46px;
- box-sizing: content-box;
- }
- [data-list-id=message-requests-list] .messageRequestItem__3b951:hover, [data-list-id=message-requests-list] .messageRequestItem__3b951.selected_ee2dc5 {
- background: var(--background-accent);
- transition: background 0.2s linear;
- }
- [data-list-id=message-requests-list] .timestampWithPreview_e9d53a {
- margin-top: 2px;
- }
- [data-list-id=message-requests-list] .actions__7db60 {
- gap: 4px;
- }
- [data-list-id=message-requests-list] .actions__7db60 .button_dc5086:not(:last-child) {
- margin-right: 0;
- }
- .containerCompact_a8a449 {
- margin: 16px 16px 0;
- }
- .compactButton__0f247,
- .compactButtonDisabled_f3bf7b {
- padding: 8px 14px;
- background: var(--btn-brand);
- border-radius: 2px;
- }
- .compactButton__0f247 .text__1a674,
- .compactButtonDisabled_f3bf7b .text__1a674 {
- font-size: 14px;
- line-height: 18px;
- font-weight: 400;
- color: var(--btn-brand-text);
- }
- .compactButton__0f247:hover {
- background: var(--btn-brand-hover);
- }
- .compactButton__0f247:hover .text__1a674 {
- color: #fff;
- }
- .sidebar_ded4b5:has([class*=discoverHeader]) [class*=discoverHeader] {
- font-size: 14px;
- font-weight: 700;
- line-height: 16px;
- text-transform: uppercase;
- color: var(--channels-category);
- padding: 16px 16px 0 8px;
- margin-left: 0;
- margin-right: 0;
- margin-bottom: 0;
- }
- .sidebar_ded4b5:has([class*=discoverHeader]) [class*=categoryItem] {
- --header-secondary: var(--channels-default);
- }
- .sidebar_ded4b5:has([class*=discoverHeader]) [class*=categoryItem]:hover:not(.selected__9800b) {
- --channels-default: var(--channels-default-hover);
- }
- .sidebar_ded4b5:has([class*=discoverHeader]) [class*=categoryItem]:hover:not(.selected__9800b) svg {
- color: var(--channels-default);
- }
- .sidebar_ded4b5:has([class*=discoverHeader]) [class*=categoryItem][class*=selected] {
- --channels-default: #fff;
- }
- .sidebar_ded4b5:has([class*=discoverHeader]) [class*=categoryItem][class*=selected] .layout_bb8e67 {
- background: var(--channel-selected);
- }
- .sidebar_ded4b5:has([class*=discoverHeader]) .layout_bb8e67 {
- border-radius: 0;
- background: none;
- padding: 6px 8px;
- }
- .sidebar_ded4b5:has([class*=discoverHeader]) .avatar__6337f {
- width: 16px;
- height: 16px;
- margin-right: 6px;
- }
- .sidebar_ded4b5:has([class*=discoverHeader]) .name__16feb {
- font-size: 12px;
- font-weight: 700;
- line-height: 20px;
- color: var(--channels-default);
- }
- #app-mount .pageWrapper_fef757 {
- background: none;
- }
- .pageWrapper_fef757 {
- max-width: var(--content-width);
- }
- .pageWrapper_fef757 .scroller-3j5xK2 {
- padding: 0;
- }
- .searchHeader-3ZIh2x {
- padding: 32px;
- margin: 0;
- }
- .searchHeader-3ZIh2x .search-25t1e9 .searchBox-31Zv9h {
- background: var(--btn-grey);
- }
- .searchHeader-3ZIh2x .search-25t1e9:hover .searchBox-31Zv9h {
- background: var(--btn-grey-hover);
- }
- .searchHeader-3ZIh2x .search-25t1e9 .searchBoxInput-3h4etz {
- color: #fff;
- font-weight: 400;
- }
- .searchHeader-3ZIh2x .search-25t1e9 .searchBoxInput-3h4etz::-moz-placeholder {
- color: var(--text-lighter);
- font-weight: 400;
- }
- .searchHeader-3ZIh2x .search-25t1e9 .searchBoxInput-3h4etz::placeholder {
- color: var(--text-lighter);
- font-weight: 400;
- }
- .searchHeader-3ZIh2x .search-25t1e9 .input_d266e7:focus, .searchHeader-3ZIh2x .search-25t1e9 .input_d266e7:focus-within {
- background: none;
- box-shadow: none;
- }
- .searchHeader-3ZIh2x .search-25t1e9 .closeIcon-BMGxx0,
- .searchHeader-3ZIh2x .search-25t1e9 .searchIcon-3X4BYL {
- color: var(--brand-experiment);
- height: 18px;
- width: 18px;
- }
- .searchHeader-3ZIh2x .search-25t1e9 .closeIcon-BMGxx0:hover {
- color: var(--status-danger);
- }
- .headerImage-2D5D-v {
- box-shadow: 0 0 5px 0 #000000;
- }
- #app-mount .card__86773 {
- background: linear-gradient(-45deg, hsl(calc(var(--accent-hue) - 3), calc(var(--saturation-factor, 1) * 41%), 42.5%) 5%, hsl(calc(var(--accent-hue) + 9), calc(var(--saturation-factor, 1) * 35.9%), 25.7%) 95%);
- }
- #app-mount .card__86773:hover {
- background: linear-gradient(to right, hsl(calc(var(--accent-hue) - 4), calc(var(--saturation-factor, 1) * 41.4%), 37.5%) 5%, hsl(calc(var(--accent-hue) - 4), calc(var(--saturation-factor, 1) * 41.1%), 45.3%) 95%);
- }
- #app-mount .card__86773 .iconMask__1aff7 {
- background: none;
- }
- .card__86773 {
- height: 170px;
- border-radius: 0;
- border-top: 1px solid rgba(201, 201, 201, 0.06);
- border-bottom: 1px solid rgba(0, 0, 0, 0.5);
- box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.5);
- box-sizing: content-box;
- filter: brightness(1) contrast(1);
- transition-property: filter, box-shadow, transform, background;
- transition-duration: 0.6s;
- transition-timing-function: cubic-bezier(0, 0.73, 0.48, 1);
- transform-origin: 50% 50%;
- transform-style: preserve-3d;
- perspective: 300px;
- perspective-origin: 50%;
- }
- .card__86773:hover {
- transform: rotateX(3deg) translateZ(15px);
- filter: brightness(1.1) contrast(0.95) saturate(1);
- box-shadow: 0 14px 12px 0 rgba(0, 0, 0, 0.3);
- }
- .card__86773:hover::before {
- opacity: 0.2;
- transform: rotateZ(210deg) translateX(12%) translateY(32%);
- }
- .card__86773::before {
- content: "";
- display: block;
- opacity: 0.1;
- width: 220%;
- height: 100%;
- background: linear-gradient(to bottom, hsl(calc(var(--accent-hue) + 5), 100%, 96.1%, 0) 0%, hsl(calc(var(--accent-hue) + 5), 100%, 96.1%, 0.85) 12px, hsl(calc(var(--accent-hue) + 5), 100%, 96.1%, 0.75) 20%, rgba(210, 210, 210, 0) 60%, rgba(10, 10, 10, 0) 85%, rgba(10, 10, 10, 0.8) 100%);
- position: absolute;
- top: 0;
- left: 0;
- transform: rotateZ(212deg) translateX(12%) translateY(59%);
- pointer-events: none;
- z-index: 10;
- transition-property: transform, opacity;
- transition-duration: 0.6s;
- transition-timing-function: cubic-bezier(0, 0.73, 0.48, 1);
- }
- .card__86773:focus .splash_c32fae, .card__86773:hover .splash_c32fae {
- transform: none;
- }
- .card__86773 .splashImage_d48ade,
- .card__86773 .description__62490,
- .card__86773 .memberInfo_d96ddb {
- transition-property: filter, opacity;
- transition-duration: 0.6s;
- transition-timing-function: cubic-bezier(0, 0.73, 0.48, 1);
- }
- .card__86773:has(.title__17a17:hover) .splashImage_d48ade {
- filter: blur(16px);
- }
- .card__86773:has(.title__17a17:hover) .description__62490,
- .card__86773:has(.title__17a17:hover) .memberInfo_d96ddb {
- opacity: 1;
- }
- .card__86773 .cardHeader__889e1 {
- width: 100%;
- height: 100%;
- margin-bottom: 0;
- }
- .card__86773 .splash_c32fae {
- position: relative;
- }
- .card__86773 .guildIcon__597aa {
- bottom: 0;
- }
- .card__86773 .guildIcon__597aa foreignObject {
- -webkit-mask: none;
- mask: none;
- }
- .card__86773 .guildIcon__597aa .iconMask__1aff7 {
- padding: 0;
- }
- .card__86773 .guildIcon__597aa .iconMask__1aff7 .svg__7900e {
- box-shadow: 0 0 5px 0 #000000;
- background: #fff;
- }
- .card__86773 .guildInfo_ef4f03 {
- position: absolute;
- top: 0;
- bottom: 0;
- padding: 16px 16px 10px 16px;
- }
- .card__86773 .title__17a17 {
- order: 1;
- padding-left: 44px;
- height: 40px;
- }
- .card__86773 .title__17a17 .guildBadge__53c1d {
- filter: drop-shadow(0 0 5px #000000);
- }
- .card__86773 .title__17a17 .guildName__802c6 {
- text-shadow: 0 0 5px #000000;
- overflow: visible;
- }
- .card__86773 .memberInfo_d96ddb {
- margin-bottom: 10px;
- }
- .card__86773 .description__62490,
- .card__86773 .memberInfo_d96ddb {
- opacity: 0;
- text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
- --header-secondary: #fff;
- }
- .card__86773 .actionButtons__481c3 {
- z-index: 1;
- }
- .card__86773 .wrapper_c727b6 {
- overflow: visible;
- }
- .card__86773 .button_d553e5 {
- height: 15px;
- width: 15px;
- background: #e5e5e5;
- border-radius: 3px;
- box-shadow: 0 0 3px #000;
- }
- .card__86773 .button_d553e5:hover {
- background: var(--btn-dark-text);
- color: #fff;
- }
- .pageWrapper_fef757 .container__56ed5 {
- flex-flow: row wrap;
- display: grid;
- grid-template-areas: "search search" "found categories" "results categories";
- }
- .pageWrapper_fef757 [class*=searchPage] {
- grid-area: search;
- }
- .pageWrapper_fef757 [class*=searchHeader] {
- grid-area: found;
- background: rgba(0, 0, 0, 0.2);
- margin-bottom: 0;
- padding: 10px;
- }
- .pageWrapper_fef757 [class*=searchHeader] .arrow__3dfcd {
- position: absolute;
- top: calc(var(--content-gutter) + 6px);
- left: 6px;
- height: 40px;
- width: 40px;
- color: var(--brand-experiment);
- display: flex;
- align-items: center;
- justify-content: center;
- background: var(--btn-brand);
- border-radius: 2px;
- }
- .pageWrapper_fef757 [class*=searchHeader] .arrow__3dfcd:hover {
- background: var(--btn-brand-hover);
- color: #fff;
- }
- .pageWrapper_fef757 [class*=searchHeader] .header__809e1 {
- font-size: 12px;
- color: var(--text-normal);
- font-weight: 500;
- margin: 0;
- line-height: 18px;
- }
- .pageWrapper_fef757 .results__9b201 {
- grid-area: results;
- max-width: unset;
- width: 100%;
- }
- .pageWrapper_fef757 [class*=categories] {
- grid-area: categories;
- align-items: flex-start;
- height: -moz-fit-content;
- height: fit-content;
- border: 1px solid rgba(255, 255, 255, 0.1);
- border-top: none;
- border-radius: 2px;
- flex-direction: column;
- width: 238px;
- margin-left: var(--content-gutter);
- margin-bottom: 0;
- }
- .pageWrapper_fef757 [class*=categories]::before {
- content: "Categories";
- background: rgba(255, 255, 255, 0.1);
- padding: 4px 4px 4px 6px;
- width: 100%;
- box-sizing: border-box;
- font-size: 12px;
- color: hsl(calc(var(--accent-hue) + 1), calc(var(--saturation-factor, 1) * 28.7%), 82.9%);
- border-top-left-radius: 1px;
- border-top-right-radius: 1px;
- }
- .pageWrapper_fef757 [class*=categories] [class*=categoryPill] {
- padding: 6px 8px;
- text-align: left;
- border-radius: 0;
- margin: 0 2px 0 4px;
- width: calc(100% - 22px);
- --text-muted: hsl(calc(var(--accent-hue) - 3) calc(var(--saturation-factor, 1)*29.7%) 71%);
- }
- .pageWrapper_fef757 [class*=categories] [class*=categoryPill]:first-child {
- margin-top: 4px;
- }
- .pageWrapper_fef757 [class*=categories] [class*=categoryPill]:last-child {
- margin-bottom: 4px;
- }
- .pageWrapper_fef757 [class*=categories] [class*=categoryPill]:hover {
- --text-muted: #fff;
- background: rgba(255, 255, 255, 0.1);
- }
- .pageWrapper_fef757 [class*=categories] [class*=categoryPill][class*=selected] {
- background: var(--btn-brand-hover);
- }
- .pageWrapper_fef757 [class*=categories] [class*=categoryPill] .categoryLabel-2m4AT- {
- font-size: 13px;
- font-weight: 500;
- }
- .pageWrapper_fef757 .searchPage-3tt6dh {
- background: rgba(0, 0, 0, 0.4);
- padding: 6px 6px 6px 52px;
- margin-top: var(--content-gutter);
- margin-bottom: var(--content-gutter);
- align-items: center;
- }
- .pageWrapper_fef757 .searchPage-3tt6dh .search_e47903 {
- width: 300px;
- max-width: calc(100% - 80px - 2px);
- flex-grow: 0;
- }
- .pageWrapper_fef757 .searchPage-3tt6dh [class*=searchBox] {
- background: var(--btn-brand);
- border: 1px solid #000;
- border-radius: 3px;
- box-shadow: 1px 1px 0 var(--btn-brand-border);
- padding: 5px;
- font-size: 12px;
- }
- .pageWrapper_fef757 .searchPage-3tt6dh [class*=searchBox] input {
- padding: 0;
- font-size: 12px;
- font-weight: 500;
- color: #fff;
- }
- .pageWrapper_fef757 .searchPage-3tt6dh [class*=searchBox] input:hover {
- background: none;
- }
- .pageWrapper_fef757 .searchPage-3tt6dh [class*=searchBox] input:focus, .pageWrapper_fef757 .searchPage-3tt6dh [class*=searchBox] input:focus-within {
- background: none;
- box-shadow: none;
- }
- .pageWrapper_fef757 .guildList-QjZKeK {
- max-width: unset;
- grid-gap: 5px;
- }
- .pageWrapper_fef757 .card__33bd0 {
- background: rgba(0, 0, 0, 0.2);
- border: 1px solid transparent;
- }
- .pageWrapper_fef757 .card__33bd0:hover {
- background: rgba(0, 0, 0, 0.4);
- border-color: hsl(calc(var(--accent-hue) - 2), calc(var(--saturation-factor, 1) * 39%), 41%);
- }
- .pageWrapper_fef757 .card__33bd0 .splashContainer__5cb35 {
- border-radius: 0;
- margin-right: 12px;
- }
- .pageWrapper_fef757 .card__33bd0 .svg__7900e {
- position: absolute;
- top: 8px;
- margin-left: -52px;
- border-radius: 2px;
- box-shadow: 0 0 5px 0 #000000;
- }
- .pageWrapper_fef757 .card__33bd0 .svg__7900e foreignObject {
- -webkit-mask: none;
- mask: none;
- }
- .pageWrapper_fef757 .card__33bd0 .content_f124d7 {
- margin-top: 12px;
- height: 103px;
- }
- .pageWrapper_fef757 .card__33bd0 .headerName__3905d {
- margin-top: 0;
- }
- .pageWrapper_fef757 .card__33bd0 .headerName__3905d h2 {
- color: var(--header-primary);
- font-weight: 400;
- }
- .pageWrapper_fef757 .card__33bd0 .description__91e03 {
- margin-top: 10px;
- margin-bottom: auto;
- color: var(--header-secondary);
- }
- .pageWrapper_fef757 .card__33bd0 .memberInfo_e30901 {
- --header-secondary: var(--text-muted);
- margin-top: 10px;
- }
- .pageWrapper_fef757 .card__33bd0 .dotSeparator__44bc0 {
- margin: 0 4px;
- background-color: var(--text-muted);
- }
- .pageWrapper_fef757 .card__33bd0 .actionButtons__24f78 {
- margin: 6px 6px 0 0;
- }
- .pageWrapper_fef757 .separator_f527c9 {
- display: none;
- }
- .placeholder__278ac {
- border-radius: 2px;
- }
- .scroller_e9501c {
- background: none;
- padding: 0 !important;
- max-width: var(--content-width);
- }
- .scroller_e9501c .headerContainer_e815c8 {
- padding: 32px;
- }
- .scroller_e9501c .headerImage_d4505b {
- box-shadow: 0 0 5px 0 #000000;
- margin-bottom: 0;
- }
- .scroller_e9501c .guildListSection__7daf6 {
- min-width: unset;
- }
- .scroller_e9501c .guildList__5e642 {
- margin: 0;
- }
- .scroller_e9501c .guildList__5e642 .container__8877d {
- background: rgba(0, 0, 0, 0.3);
- padding: 8px 16px 10px 16px;
- border-radius: 2px;
- display: flex;
- align-items: center;
- height: unset;
- }
- .scroller_e9501c .guildList__5e642 .container__8877d .iconContainer__004ce {
- border-radius: 2px;
- margin: 6px 6px 16px 6px;
- }
- .scroller_e9501c .guildList__5e642 .container__8877d .header_ffc801 {
- text-align: center;
- font-size: 16px;
- font-weight: 400;
- line-height: 20px;
- margin-bottom: 0;
- }
- .scroller_e9501c .guildList__5e642 .container__8877d [data-text-variant="text-sm/normal"] {
- font-size: 13px;
- line-height: 18px;
- font-weight: 400;
- text-align: center;
- margin-bottom: 16px;
- }
- .scroller_e9501c .footerDescription__7d0c6 {
- --header-secondary: var(--text-muted);
- font-size: 14px;
- line-height: 18px;
- font-weight: 400;
- padding-bottom: 24px;
- }
- .shop_b31ed2 {
- background: none;
- min-width: unset;
- max-width: var(--content-width);
- }
- .shopScrollBackgroundPrimary_bb1f42,
- .pageWrapperBackgroundPrimary__74f14 {
- background: none;
- }
- .heroBanner_d3ffc9 {
- min-width: unset;
- margin-top: 0;
- }
- .shop_b31ed2 .pageWrapper__582b9 {
- justify-content: left;
- }
- .shop_b31ed2 .page_be1421 {
- max-width: var(--content-inner-width);
- padding: var(--content-gutter) 0 0 0;
- margin-top: 0;
- }
- .shopCard_f7822b {
- border-radius: 2px;
- border: 2px solid transparent !important;
- background: rgba(0, 0, 0, 0.3) !important;
- }
- .shopCard_f7822b .darkCardBackground__82a32 {
- background-color: transparent;
- }
- .layers__1c917 > .layer__2efaa .animating__27211 *,
- .layers__1c917 > .layer__2efaa .animating__27211 {
- pointer-events: auto !important;
- will-change: unset;
- }
- #app-mount .layer__2efaa ~ .layer__2efaa {
- border-radius: 0 !important;
- border: 0.5px solid black;
- --text-link: var(--text-linkHi);
- }
- #app-mount .layer__2efaa ~ .layer__2efaa a:hover {
- text-decoration: none;
- --text-link: var(--text-linkHi-hover);
- }
- #app-mount .layer__2efaa ~ .layer__2efaa .lookFilled__19298.colorBrand_b2253e {
- color: var(--text-lighter);
- background: var(--btn-grey);
- }
- #app-mount .layer__2efaa ~ .layer__2efaa .lookFilled__19298.colorBrand_b2253e:hover {
- background: var(--btn-grey-hover);
- color: #fff;
- box-shadow: var(--btn-grey-boxshadow);
- }
- html.app-focused .layer__2efaa ~ .layer__2efaa::before {
- content: "";
- display: block;
- height: 1px;
- width: 100%;
- background: linear-gradient(to right, hsl(calc(var(--accent-hue) - 13), calc(var(--saturation-factor, 1) * 100%), 50%) 0%, hsl(calc(var(--accent-hue) + 20), calc(var(--saturation-factor, 1) * 100%), 60%) 100%);
- position: absolute;
- z-index: 102;
- top: 0;
- }
- #app-mount .layer__2efaa.stop-animations:first-child::after {
- opacity: 0 !important;
- }
- #app-mount .layer__2efaa ~ .layer__2efaa .sidebar__9e3e2 {
- padding: 12px 0 24px 0 !important;
- }
- .sidebarRegionScroller__1fa7e {
- overflow: auto !important;
- }
- body #app-mount .sidebar__9e3e2:has(.socialLinks_c1fc99),
- body #app-mount .layer__2efaa ~ .layer__2efaa .sidebar__9e3e2:has(.socialLinks_c1fc99) {
- width: 188px !important;
- }
- .contentRegion__0bec1,
- .contentRegionScroller__86c79 {
- background: var(--background-tertiary);
- --background-modifier-accent: var(--background-modifier-accent-dark);
- }
- .sidebar__9e3e2:has(.socialLinks_c1fc99) .side_b4b3f6 .item__48dda::before {
- margin-right: 16px;
- }
- .sidebar__9e3e2 .header_f72511 {
- color: var(--brand-experiment);
- }
- .sidebar__9e3e2 .header_f72511,
- .sidebar__9e3e2 .header_f72511:first-child {
- padding: 24px 16px 20px 24px;
- }
- .sidebar__9e3e2 .headerText__94c22 {
- font-size: 17px;
- line-height: 20px;
- text-align: center;
- overflow: hidden;
- }
- .sidebar__9e3e2 .separator_fdbcfd {
- margin: 0 12px;
- background: var(--background-accent);
- }
- #app-mount .sidebar__9e3e2 .item__48dda {
- padding: 10px 16px 10px 24px;
- border-radius: 0;
- font-size: 14px;
- margin-bottom: 0;
- --interactive-normal: var(--header-secondary);
- --interactive-hover: var(--background-accent);
- --background-modifier-hover: var(--contextmenu-text);
- --background-modifier-selected: var(--background-accent);
- }
- #app-mount .sidebar__9e3e2 .item__48dda:active {
- background: var(--contextmenu-text);
- color: var(--background-accent);
- }
- #app-mount .sidebar__9e3e2 .item__48dda.selected__5711d {
- background: var(--background-accent);
- color: white;
- }
- #app-mount .sidebar__9e3e2 .item__48dda:hover + .separator_fdbcfd, #app-mount .sidebar__9e3e2 .item__48dda:active + .separator_fdbcfd, #app-mount .sidebar__9e3e2 .item__48dda.selected__5711d + .separator_fdbcfd {
- opacity: 0;
- }
- #app-mount .sidebar__9e3e2 .item__48dda [data-text-variant="text-md/normal"] {
- font-size: 14px;
- line-height: 18px;
- }
- .socialLinks_c1fc99 {
- padding: 24px 0 24px 24px;
- }
- .info__755e1 {
- padding: 0 24px 24px 24px;
- }
- .info__755e1 .line__75801 {
- line-height: 16px;
- }
- #app-mount .contentRegion__0bec1 .contentRegionScroller__86c79 {
- --header-padding: 32px;
- padding-top: 6px;
- overflow-y: overlay !important;
- max-width: calc(var(--settingsmodalwidth) - 196px);
- }
- #app-mount .contentRegion__0bec1 .contentRegionScroller__86c79::-webkit-scrollbar-track {
- margin-top: 88px;
- }
- .contentRegion__0bec1 {
- flex: 1 1 calc(var(--settingsmodalwidth) - 196px);
- }
- .contentColumn_dc7d36,
- .customColumn_e22a6e {
- min-width: unset;
- }
- .customScroller_f72801 > div {
- margin-left: 24px;
- margin-right: 24px;
- max-width: 100%;
- min-width: unset;
- }
- [aria-controls=discord-nitro-tab] .background__584e7 {
- border-radius: 0;
- }
- #app-mount .layer__2efaa ~ .layer__2efaa .contentColumnDefault_c66386 {
- padding: 0 24px 24px 24px !important;
- }
- .contentColumn_dc7d36 > div:first-child > .sectionTitle_e32631,
- .contentColumn_dc7d36 > div:not([class]):first-child > div:not([class]):first-child > .sectionTitle_e32631,
- #profile-customization-tab h2,
- #billing-tab > div:not([class]):first-child > div:not([class]):first-child h2,
- #roles-tab div:not([class]) > h2,
- #emoji-tab .sectionTitle_e32631,
- #integrations-tab > .flex_f5fbb7:first-child,
- #guild_templates-tab h2,
- #vanity_url-tab h2.title__3e421 {
- position: sticky;
- display: flex;
- align-items: center;
- top: 0;
- padding: 32px 24px;
- margin-left: -24px;
- z-index: 10;
- transform: translateY(calc(var(--header-padding) * -1 + 8.5px + 18px));
- background: linear-gradient(to bottom, var(--background-tertiary) calc(100% - 24px), transparent 100%);
- }
- .contentColumn_dc7d36 > div:first-child > .sectionTitle_e32631 h2,
- .contentColumn_dc7d36 > div:not([class]):first-child > div:not([class]):first-child > .sectionTitle_e32631 h2,
- #profile-customization-tab h2,
- #billing-tab > div:not([class]):first-child > div:not([class]):first-child h2,
- #roles-tab div:not([class]) > h2,
- #emoji-tab .sectionTitle_e32631 h2,
- #integrations-tab > .flex_f5fbb7:first-child h2,
- #guild_templates-tab h2,
- #vanity_url-tab h2.title__3e421 {
- font-size: 22px;
- line-height: 24px;
- font-weight: 700;
- margin-bottom: 0;
- }
- .marginTop40__2b1fe,
- .marginTop20_d88ee7,
- .dividerDefault__1e52f {
- margin-top: 10px;
- }
- .container_c52416 {
- margin-bottom: 10px;
- }
- .container_c52416[class*=marginTop][class*=marginBottom]:has(+ .container_c52416[class*=marginTop][class*=marginBottom]) {
- margin-bottom: 0;
- }
- .title__28a65,
- .h3_de2650.title__3e421.defaultColor_d757c2 {
- color: var(--contextmenu-text);
- font-size: 14px;
- line-height: 18px;
- font-weight: 400;
- }
- .h3_de2650.title__3e421.defaultColor_d757c2.defaultMarginh3__18bdb {
- margin-bottom: 10px;
- }
- .marginTop40__2b1fe .h1__90460.title__3e421,
- .h1__90460.title__3e421.marginBottom20__64605 {
- margin-bottom: 10px;
- font-size: 24px;
- line-height: 36px;
- font-weight: 300;
- letter-spacing: 2px;
- color: #fff;
- text-transform: uppercase;
- }
- .h5__884a2.eyebrow_b7df6b {
- color: var(--text-muted);
- font-size: 14px;
- letter-spacing: 0.5px;
- line-height: 36px;
- margin-bottom: 0;
- }
- .note__24c83 .description__7af71 {
- margin-bottom: 0;
- }
- .formNotice__8622e {
- padding: 0;
- background: none;
- border: none;
- }
- .sectionDescription__93f73,
- .description__7af71 {
- font-size: 13px;
- line-height: 18px;
- font-weight: 400;
- color: var(--text-muted);
- letter-spacing: 0;
- margin-bottom: 10px;
- }
- .formText_e4d957 {
- font-size: 13px;
- line-height: 18px;
- font-weight: 400;
- color: var(--text-muted);
- letter-spacing: 0;
- }
- .modeDisabled__67f00.description__7af71 {
- opacity: 1;
- color: var(--background-accent-hover);
- }
- .children_b15c64 > .marginBottom40__9109c:last-child:has(.formText_e4d957) {
- margin-bottom: 0;
- }
- .container_de00a3 {
- border-radius: 2px;
- padding: 10px;
- font-weight: 400;
- }
- .descriptionBox_cca0c3 {
- background: none;
- border-radius: 0;
- margin-top: 0;
- padding: 0;
- gap: 10px;
- }
- .descriptionBox_cca0c3 .descriptionSection_d8976f {
- padding: 8px 24px 10px 16px;
- background: var(--btn-grey);
- border-radius: 2px;
- flex: 1 1 calc(50% - 10px);
- }
- .descriptionBox_cca0c3 .descriptionSection_d8976f .descriptionIcon__2e291 {
- height: 20px;
- width: 20px;
- margin-right: 10px;
- vertical-align: middle;
- }
- .descriptionBox_cca0c3 .descriptionSection_d8976f .descriptionIcon__2e291 circle {
- display: none;
- }
- .descriptionBox_cca0c3 .descriptionSection_d8976f h3 {
- font-size: 16px;
- font-weight: 400;
- line-height: 20px;
- color: var(--header-primary);
- letter-spacing: 0;
- text-transform: capitalize;
- text-align: center;
- }
- .descriptionBox_cca0c3 .descriptionRow__5d784 {
- margin-top: 10px;
- vertical-align: middle;
- font-size: 13px;
- font-weight: 400;
- line-height: 20px;
- color: var(--header-secondary);
- }
- .container__467eb {
- border-radius: 4px;
- }
- #app-mount .layer__2efaa ~ .layer__2efaa .accountProfileCard__22589 {
- max-width: 100% !important;
- }
- #app-mount .accountProfileCard__22589 {
- box-shadow: none;
- border-radius: 0;
- overflow: visible;
- }
- #app-mount .accountProfileCard__22589 .bannerSVGWrapper__3e7b0:not(:has([style*="/banners/"])) {
- min-height: 1px !important;
- min-width: 100% !important;
- }
- #app-mount .accountProfileCard__22589 .banner__6d414:not([style^=background-image]) {
- height: 1px;
- min-height: 1px;
- border-radius: 0;
- -webkit-mask-image: linear-gradient(to right, rgb(0, 0, 0), transparent 75%);
- mask-image: linear-gradient(to right, rgb(0, 0, 0), transparent 75%);
- }
- #app-mount .accountProfileCard__22589 .userInfo__8f826 {
- height: 72px;
- align-items: center;
- padding: 10px 0 0 87px;
- }
- #app-mount .accountProfileCard__22589 .avatar__6c108 {
- padding: 0;
- top: unset;
- margin: auto 0;
- box-shadow: none;
- height: 60px !important;
- width: 60px !important;
- }
- #app-mount .accountProfileCard__22589 .avatar__6c108 svg {
- height: 70px !important;
- width: 70px !important;
- }
- #app-mount .accountProfileCard__22589 .userTag__4ca14 {
- margin: 0;
- padding-left: 0;
- font-size: 16px;
- line-height: 20px;
- font-weight: 400;
- }
- #app-mount .accountProfileCard__22589 .overflowMenuButton__70c20 {
- margin-left: 0;
- height: 100%;
- position: absolute;
- inset: 0;
- opacity: 0;
- }
- #app-mount .accountProfileCard__22589 .profileCardUsernameRow__4cbd8,
- #app-mount .accountProfileCard__22589 .containerWithContent__7e98f {
- background: none;
- box-shadow: none;
- border-radius: 0;
- width: -moz-fit-content;
- width: fit-content;
- padding: 0;
- position: relative;
- }
- #app-mount .accountProfileCard__22589 .containerWithContent__7e98f {
- margin-top: 0;
- }
- #app-mount .accountProfileCard__22589 .container__5bda1 {
- min-height: unset;
- }
- #app-mount .accountProfileCard__22589 .profileBadge22__3c451 {
- width: 18px;
- height: 18px;
- }
- #app-mount .accountProfileCard__22589 .background_b61fcc {
- background: none !important;
- box-shadow: none;
- margin: 10px 0 0 0;
- border-radius: 0;
- padding: 10px 0;
- border-top: thin solid var(--background-modifier-accent-dark);
- }
- .fieldList_aab0de {
- display: grid;
- grid-template-columns: repeat(3, minmax(0, 1fr));
- grid-gap: 20px;
- background: none;
- }
- .field__9e8e2 {
- flex-direction: column;
- background: var(--btn-grey);
- margin: 0;
- padding: 6px;
- border-radius: 2px;
- align-items: center;
- justify-content: center;
- height: 100px;
- position: relative;
- transition-property: background, box-shadow;
- transition-duration: 0.2s;
- transition-timing-function: ease-out;
- }
- .field__9e8e2 .constrainedRow_b9e8cf {
- margin-right: 0;
- flex-grow: 0;
- }
- .field__9e8e2 .constrainedRow_b9e8cf .fieldTitle__47b24 + div {
- text-align: center;
- }
- .field__9e8e2 .constrainedRow_b9e8cf .fieldTitle__47b24 {
- font-size: 16px;
- font-weight: 400;
- line-height: 20px;
- text-align: center;
- text-transform: capitalize;
- color: #fff;
- margin-bottom: 0;
- }
- .field__9e8e2 .constrainedRow_b9e8cf .fieldTitle__47b24 + div {
- text-align: center;
- }
- .field__9e8e2 .constrainedRow_b9e8cf .fieldTitle__47b24 + div span {
- font-size: 14px;
- line-height: 20px;
- --header-primary: var(--header-secondary);
- }
- .field__9e8e2:has(button.lookFilled__19298:hover) {
- background: var(--btn-grey-hover);
- box-shadow: var(--btn-grey-boxshadow);
- }
- .field__9e8e2 .fieldButtonList__7db82 {
- position: absolute;
- inset: 0;
- align-items: end;
- justify-content: center;
- }
- .field__9e8e2 button {
- margin: 0;
- }
- .field__9e8e2 button.lookFilled__19298 {
- position: absolute;
- width: 100%;
- height: 100%;
- opacity: 0;
- z-index: 0;
- }
- .field__9e8e2 button.lookLink__93965 {
- z-index: 1;
- }
- #my-account-tab .flex_f5fbb7:has(> button) {
- gap: 4px;
- }
- .horizontal__992f6 > .flexChild__6e093 {
- margin-left: 2px;
- margin-right: 2px;
- }
- .disableButton__61514 {
- margin-right: 4px;
- }
- #app-mount .layer__2efaa ~ .layer__2efaa .profileCustomizationSection__88eff .baseLayout_b00434 .preview__0c5fe .userPopoutOuter_d739b2,
- #app-mount .layer__2efaa ~ .layer__2efaa .baseLayout_b00434.tryItOutLayout__6026d .preview__0c5fe .userPopoutOuter_d739b2 {
- min-width: unset !important;
- width: 340px !important;
- max-width: 340px !important;
- }
- #app-mount .layer__2efaa ~ .layer__2efaa .baseLayout_b00434.tryItOutLayout__6026d .preview__0c5fe .userPopoutOuter_d739b2 {
- width: 340px !important;
- }
- @keyframes spinningAvatarHue {
- 0% {
- filter: hue-rotate(0deg);
- }
- 100% {
- filter: hue-rotate(360deg);
- }
- }
- #profile-customization-tab {
- padding: 0 24px 24px 24px;
- }
- #profile-customization-tab .top__592a7 {
- --btn-count: 2;
- background: var(--darker-grey);
- border-radius: 2px;
- padding: 0;
- margin: 0 0 10px 0;
- gap: 0;
- display: flex;
- flex-direction: row;
- position: relative;
- box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.6666666667);
- border-bottom: none;
- }
- #profile-customization-tab .top__592a7 .item__48dda {
- background: none;
- margin: 0;
- display: flex;
- flex: 0 1 calc(100% / var(--btn-count));
- justify-content: center;
- border-bottom: none;
- padding: 0;
- height: 34px;
- padding: 8px 14px;
- font-size: 14px;
- font-weight: 400;
- }
- #profile-customization-tab .top__592a7 .item__48dda:not(.selected__5711d):hover {
- background: var(--btn-grey);
- }
- #profile-customization-tab .top__592a7::before {
- content: "";
- position: absolute;
- height: 100%;
- width: calc(100% / var(--btn-count));
- background: var(--btn-grey-hover);
- transition: translate 0.2s ease;
- border-radius: 2px;
- }
- #profile-customization-tab .top__592a7:has(.selected__5711d:nth-child(2)):before {
- translate: 100%;
- }
- #profile-customization-tab .imageUploaderIconWrapper__4efff {
- padding: 0;
- border-radius: 0;
- box-shadow: 1px 3px 14px rgba(0, 0, 0, 0.65);
- }
- #profile-customization-tab .avatarUploader__18c3f {
- z-index: 2;
- }
- #profile-customization-tab .imageUploaderIcon__0c13b {
- pointer-events: none;
- }
- #profile-customization-tab .section__6f61e:has(.customStatus__3aa7f) {
- order: -2;
- padding-top: 0;
- padding-bottom: 16px;
- }
- #profile-customization-tab .section__6f61e:has(.fakeActivityTitle__79378) {
- background: rgba(0, 0, 0, 0.2);
- margin: 0 -16px;
- padding: 16px;
- order: -1;
- }
- #profile-customization-tab .section__6f61e:has(.fakeActivityTitle__79378) .button__890f5 {
- max-width: unset;
- }
- #profile-customization-tab .body_aa2c19 {
- padding-left: 16px;
- padding-right: 16px;
- padding-bottom: 16px;
- }
- #profile-customization-tab .divider_ed0c1d {
- display: none;
- }
- #profile-customization-tab .avatarUploaderPremium_bbc93c {
- top: 16px;
- }
- #profile-customization-tab .avatarUploaderPremium_bbc93c + .profileBadges__7a7cb {
- padding-top: 16px;
- }
- #profile-customization-tab .spinningAvatar__012e4 {
- overflow: hidden;
- animation: spinningAvatarHue 5s ease infinite;
- }
- #profile-customization-tab .tryItOutSection__0f9fb {
- margin: 10px 0 0 0;
- border-radius: 2px;
- border-width: 1px;
- width: 100%;
- height: 1px;
- border-radius: 0;
- position: relative;
- }
- #profile-customization-tab .tryItOutSection__0f9fb .premiumBackground__4ce97 {
- padding: 10px 0 24px 0;
- position: absolute;
- top: 1px;
- left: 0;
- background: var(--background-tertiary);
- }
- #app-mount .layer__2efaa ~ .layer__2efaa .profileCustomizationSection__88eff .baseLayout_b00434 .sectionsContainer_a37883,
- #app-mount .layer__2efaa ~ .layer__2efaa .profileCustomizationSection__88eff .baseLayout_b00434 .editor_bca4e3,
- #app-mount .layer__2efaa ~ .layer__2efaa .profileCustomizationSection__88eff .baseLayout_b00434 .preview__0c5fe {
- min-width: unset !important;
- max-width: unset !important;
- }
- .swatch__96672 {
- border-radius: 2px;
- }
- #app-mount .layer__2efaa ~ .layer__2efaa #family-center-tab.contentColumnDefault_c66386 {
- padding-top: 24px !important;
- }
- #family-center-tab [data-text-variant="heading-xl/medium"],
- #activity-tab [data-text-variant="heading-xl/medium"],
- #requests-tab [data-text-variant="heading-xl/medium"] {
- margin-bottom: 10px;
- font-size: 24px;
- line-height: 36px;
- font-weight: 300;
- letter-spacing: 2px;
- text-transform: uppercase;
- }
- #family-center-tab [data-text-variant="text-sm/medium"],
- #activity-tab [data-text-variant="text-sm/medium"],
- #requests-tab [data-text-variant="text-sm/medium"] {
- font-size: 13px;
- line-height: 18px;
- font-weight: 400;
- margin-bottom: 10px;
- }
- #family-center-tab [data-text-variant="text-xs/medium"],
- #activity-tab [data-text-variant="text-xs/medium"],
- #requests-tab [data-text-variant="text-xs/medium"] {
- font-size: 13px;
- line-height: 18px;
- font-weight: 400;
- }
- #family-center-tab .container__6968f,
- #family-center-tab .box__6431e,
- #activity-tab .container__6968f,
- #activity-tab .box__6431e,
- #requests-tab .container__6968f,
- #requests-tab .box__6431e {
- border-radius: 0;
- box-shadow: none;
- }
- #family-center-tab .container__9c82e,
- #activity-tab .container__9c82e,
- #requests-tab .container__9c82e {
- padding: 8px 16px 10px 16px;
- border-radius: 2px;
- box-shadow: none;
- display: flex;
- align-items: center;
- }
- #family-center-tab .container__9c82e .circle__7dd22,
- #activity-tab .container__9c82e .circle__7dd22,
- #requests-tab .container__9c82e .circle__7dd22 {
- background: none;
- border-radius: 0;
- margin: 6px;
- height: 30px;
- width: 30px;
- }
- #family-center-tab .container__9c82e .circle__7dd22 svg,
- #activity-tab .container__9c82e .circle__7dd22 svg,
- #requests-tab .container__9c82e .circle__7dd22 svg {
- color: var(--gpColor-Yellow);
- margin: 0;
- height: 30px;
- width: 30px;
- }
- #family-center-tab .container__9c82e .header__5b1ca,
- #activity-tab .container__9c82e .header__5b1ca,
- #requests-tab .container__9c82e .header__5b1ca {
- text-align: center;
- font-size: 16px;
- font-weight: 400;
- line-height: 20px;
- margin-bottom: 0;
- }
- #family-center-tab .container__9c82e [data-text-variant="text-sm/medium"],
- #activity-tab .container__9c82e [data-text-variant="text-sm/medium"],
- #requests-tab .container__9c82e [data-text-variant="text-sm/medium"] {
- text-align: center;
- --text-muted: var(--header-secondary);
- }
- #family-center-tab .container__9c82e [data-text-variant="text-sm/medium"],
- #activity-tab .container__9c82e [data-text-variant="text-sm/medium"],
- #requests-tab .container__9c82e [data-text-variant="text-sm/medium"] {
- margin-bottom: 0;
- }
- #family-center-tab .container__9f90c,
- #activity-tab .container__9f90c,
- #requests-tab .container__9f90c {
- border-radius: 0;
- box-shadow: none;
- }
- #family-center-tab .container__9f90c .header__8a01b,
- #activity-tab .container__9f90c .header__8a01b,
- #requests-tab .container__9f90c .header__8a01b {
- color: var(--text-muted);
- font-size: 14px;
- letter-spacing: 0.5px;
- line-height: 36px;
- margin-bottom: 0;
- text-transform: uppercase;
- }
- #family-center-tab .container__9f90c .groupHeader__076cf,
- #activity-tab .container__9f90c .groupHeader__076cf,
- #requests-tab .container__9f90c .groupHeader__076cf {
- display: none;
- }
- #family-center-tab .container__9f90c .row_c1b980,
- #activity-tab .container__9f90c .row_c1b980,
- #requests-tab .container__9f90c .row_c1b980 {
- padding: 8px 24px 10px 16px;
- background: var(--btn-grey);
- border-radius: 2px;
- margin-bottom: 10px;
- }
- #family-center-tab .container__9f90c .row_c1b980 .iconContainer__82920,
- #activity-tab .container__9f90c .row_c1b980 .iconContainer__82920,
- #requests-tab .container__9f90c .row_c1b980 .iconContainer__82920 {
- width: 30px;
- height: 30px;
- background: none;
- border-radius: 0;
- margin-right: 10px;
- }
- #family-center-tab .container__9f90c .row_c1b980 .header__74e4a,
- #activity-tab .container__9f90c .row_c1b980 .header__74e4a,
- #requests-tab .container__9f90c .row_c1b980 .header__74e4a {
- font-size: 16px;
- font-weight: 400;
- line-height: 20px;
- margin-bottom: 0;
- }
- #family-center-tab .container__9f90c .artContainer_aa6b1f,
- #activity-tab .container__9f90c .artContainer_aa6b1f,
- #requests-tab .container__9f90c .artContainer_aa6b1f {
- margin: 0;
- }
- #family-center-tab .steps__1b85a,
- #activity-tab .steps__1b85a,
- #requests-tab .steps__1b85a {
- position: relative;
- width: 100%;
- }
- #family-center-tab .step_bd5604,
- #activity-tab .step_bd5604,
- #requests-tab .step_bd5604 {
- padding: 8px 24px 10px 16px;
- background: var(--btn-grey);
- border-radius: 2px;
- margin-bottom: 10px;
- width: 100%;
- justify-content: left;
- }
- #family-center-tab .step_bd5604 [data-text-variant="heading-sm/bold"],
- #activity-tab .step_bd5604 [data-text-variant="heading-sm/bold"],
- #requests-tab .step_bd5604 [data-text-variant="heading-sm/bold"] {
- font-size: 16px;
- font-weight: 400;
- line-height: 20px;
- margin-bottom: 0;
- }
- #family-center-tab .step_bd5604 [data-text-variant="text-sm/medium"],
- #activity-tab .step_bd5604 [data-text-variant="text-sm/medium"],
- #requests-tab .step_bd5604 [data-text-variant="text-sm/medium"] {
- margin-bottom: 0;
- --text-muted: var(--header-secondary);
- }
- #family-center-tab .step_bd5604 .stepNumber_f429db,
- #activity-tab .step_bd5604 .stepNumber_f429db,
- #requests-tab .step_bd5604 .stepNumber_f429db {
- width: 30px;
- height: 30px;
- background: none;
- border-radius: 0;
- margin-right: 10px;
- }
- #family-center-tab .step_bd5604 .stepNumber_f429db h2,
- #activity-tab .step_bd5604 .stepNumber_f429db h2,
- #requests-tab .step_bd5604 .stepNumber_f429db h2 {
- color: var(--brand-experiment) !important;
- font-size: 20px;
- }
- #family-center-tab .section_a99562 .eyebrow_e5a66c.marginBottom8_f4aae3,
- #activity-tab .section_a99562 .eyebrow_e5a66c.marginBottom8_f4aae3,
- #requests-tab .section_a99562 .eyebrow_e5a66c.marginBottom8_f4aae3 {
- text-transform: capitalize;
- color: #fff !important;
- font-size: 16px;
- line-height: 20px;
- font-weight: 600;
- padding-top: 8px;
- padding-left: 8px;
- }
- #app-mount #family-center-tab .top__592a7 {
- --btn-count: 3;
- background: var(--darker-grey);
- border-radius: 2px;
- padding: 0;
- margin: 0 0 10px 0;
- gap: 0;
- display: flex;
- flex-direction: row;
- position: relative;
- box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.6666666667);
- border-bottom: none;
- }
- #app-mount #family-center-tab .top__592a7 .item__48dda {
- background: none;
- margin: 0;
- display: flex;
- flex: 0 1 calc(100% / var(--btn-count));
- justify-content: center;
- border-bottom: none;
- padding: 0;
- height: 34px;
- padding: 8px 14px;
- font-size: 14px;
- font-weight: 400;
- }
- #app-mount #family-center-tab .top__592a7 .item__48dda:not(.selected__5711d):hover {
- background: var(--btn-grey);
- }
- #app-mount #family-center-tab .top__592a7::before {
- content: "";
- position: absolute;
- height: 100%;
- width: calc(100% / var(--btn-count));
- background: var(--btn-grey-hover);
- transition: translate 0.2s ease;
- border-radius: 2px;
- }
- #app-mount #family-center-tab .top__592a7:has(.selected__5711d:nth-child(2)):before {
- translate: 100%;
- }
- #app-mount #family-center-tab .top__592a7:has(.selected__5711d:nth-child(3)):before {
- translate: 200%;
- }
- #app-mount #family-center-tab .container__6968f,
- #app-mount #family-center-tab .box__6431e {
- background: none;
- padding: 0 0 10px 0;
- border-bottom: thin solid var(--background-modifier-accent-dark);
- }
- #app-mount #family-center-tab .container__9c82e {
- background: var(--btn-grey);
- }
- #app-mount #family-center-tab .container__9f90c {
- background: none;
- padding: 10px 0 0 0;
- border-top: thin solid var(--background-modifier-accent-dark);
- }
- #app-mount #family-center-tab .card__4dc22 {
- border-radius: 0;
- padding: 0;
- border: none;
- background: none;
- }
- #app-mount #family-center-tab .card__4dc22 [data-text-variant="text-sm/semibold"] {
- font-size: 13px;
- line-height: 18px;
- font-weight: 400;
- --text-normal: var(--text-muted);
- letter-spacing: 0;
- }
- #app-mount #family-center-tab .card__4dc22 a {
- font-size: 13px;
- line-height: 18px;
- font-weight: 400;
- }
- #app-mount #family-center-tab .card__4dc22 .iconBadge__2abac {
- height: 18px;
- width: 18px;
- margin-left: 4px;
- color: var(--brand-experiment);
- }
- #activity-tab .container__6968f,
- #activity-tab .box__6431e,
- #requests-tab .container__6968f,
- #requests-tab .box__6431e {
- background: rgba(0, 0, 0, 0.3);
- padding: 25px;
- }
- #activity-tab .container__9c82e,
- #requests-tab .container__9c82e {
- background: rgba(0, 0, 0, 0.3);
- }
- #activity-tab .container__9f90c,
- #requests-tab .container__9f90c {
- background: rgba(0, 0, 0, 0.3);
- padding: 25px;
- }
- #activity-tab .steps__1b85a,
- #requests-tab .steps__1b85a {
- position: relative;
- width: 100%;
- }
- #activity-tab .step_bd5604,
- #requests-tab .step_bd5604 {
- width: calc(100% - 40px);
- }
- #authorized-apps-tab .formNotice__8622e {
- padding: 0;
- margin-bottom: 10px;
- background: none;
- border: none;
- }
- #authorized-apps-tab .authedApp__51b26 {
- padding: 6px 8px;
- margin-bottom: 10px;
- border: none;
- border-radius: 0;
- background: none;
- }
- #authorized-apps-tab .authedApp__51b26:hover {
- background: var(--background-accent);
- transition: background 0.2s linear;
- }
- #authorized-apps-tab .authedApp__51b26 .marginBottom20__64605 {
- margin-bottom: 10px;
- }
- #authorized-apps-tab .authedApp__51b26 .headerInfo__2d6b1 [data-text-variant="text-sm/semibold"] {
- margin-left: 12px;
- }
- #authorized-apps-tab .authedApp__51b26 .twoWayWarning_d1f465 {
- margin-top: 10px;
- }
- #authorized-apps-tab .authedApp__51b26 .twoWayWarning_d1f465 .twoWayWarningIcon_de3272 {
- height: 18px;
- width: 18px;
- color: var(--gpColor-Yellow);
- margin-right: 4px;
- }
- #authorized-apps-tab .authedApp__51b26 .twoWayWarning_d1f465 [data-text-variant="text-sm/medium"] {
- font-size: 13px;
- line-height: 18px;
- font-weight: 400;
- color: var(--text-muted) !important;
- }
- #authorized-apps-tab .authedApp__51b26 .permission_b5be39 {
- margin-top: 0;
- }
- #authorized-apps-tab .authedApp__51b26 .permission_b5be39 .formText_e4d957 {
- margin-bottom: 0;
- }
- #authorized-apps-tab .appAvatar_dc107b {
- width: 98px;
- height: 45px;
- border-radius: 0;
- -o-object-fit: cover;
- object-fit: cover;
- background: var(--background-accent);
- }
- #authorized-apps-tab .appAvatar_dc107b[src*="755600276941176913/4e"], #authorized-apps-tab .appAvatar_dc107b[src*="880218394199220334/ec"], #authorized-apps-tab .appAvatar_dc107b[src*="207646673902501888/a3"], #authorized-apps-tab .appAvatar_dc107b[src*="1070087967294631976/9a"] {
- -o-object-fit: scale-down;
- object-fit: scale-down;
- background: #fff;
- }
- #authorized-apps-tab .appAvatar_dc107b[src*="622174530214821906/38"] {
- -o-object-fit: scale-down;
- object-fit: scale-down;
- background: #0F7C10;
- }
- #authorized-apps-tab .appAvatar_dc107b[src*="162469056312639488/de"] {
- -o-object-fit: scale-down;
- object-fit: scale-down;
- background: var(--background-accent);
- }
- #authorized-apps-tab .appAvatar_dc107b[src*="777264613867257857/65"] {
- -o-object-fit: scale-down;
- object-fit: scale-down;
- background: #0C0D10;
- }
- #authorized-apps-tab :root {
- counter-reset: authappsCount;
- }
- #authorized-apps-tab .children_b15c64 {
- display: flex;
- flex-flow: row wrap;
- }
- #authorized-apps-tab .children_b15c64:before {
- content: "Authorized Apps";
- color: #fff;
- font-size: 16px;
- line-height: 20px;
- font-weight: 600;
- letter-spacing: 0;
- padding-top: 8px;
- padding-left: 8px;
- order: -2;
- }
- #authorized-apps-tab .children_b15c64:after {
- content: counter(authappsCount);
- animation: authorized-apps-tabCounter 1s linear infinite forwards;
- color: var(--text-muted);
- font-size: 16px;
- line-height: 20px;
- margin-left: 8px;
- font-weight: 600;
- order: -1;
- padding-top: 8px;
- }
- #authorized-apps-tab .formNotice__8622e {
- order: -3;
- }
- #authorized-apps-tab .authedApp__51b26 {
- counter-increment: authappsCount;
- flex-basis: 100%;
- }
- @keyframes authorized-apps-tabCounter {
- to {
- content: counter(authappsCount);
- }
- }
- .sessions__3ce76 {
- margin: 10px 0;
- }
- .sessions__3ce76 .otherSessions_aad582 {
- margin-top: 10px;
- }
- .logOutAllButton__88677 {
- margin-top: 0;
- }
- .session_f56359 {
- border-bottom: none;
- gap: 12px;
- padding: 6px 8px;
- height: 58px;
- }
- .session_f56359:hover {
- background: var(--background-accent);
- transition: background 0.2s linear;
- }
- .session_f56359:hover .sessionIcon__540be,
- .session_f56359:hover .sessionMoreButton__055f9 {
- background: var(--background-accent-hover);
- transition: background 0.2s linear;
- }
- .session_f56359 .sessionInfo__9bc47 {
- gap: 0;
- }
- .session_f56359 .eyebrow_e5a66c {
- color: #fff;
- font-weight: 400;
- font-size: 16px;
- line-height: 20px;
- text-transform: unset;
- }
- .session_f56359 [data-text-variant="text-sm/medium"] {
- color: var(--text-muted);
- font-size: 12px;
- line-height: 22px;
- letter-spacing: 0.5px;
- text-transform: uppercase;
- font-weight: 700;
- display: flex;
- align-items: center;
- }
- .session_f56359 [data-text-variant="text-sm/medium"] span:nth-child(2) {
- display: none;
- }
- .session_f56359 [data-text-variant="text-sm/medium"] span:nth-child(3) {
- color: var(--background-accent-hover);
- font-weight: 700;
- }
- .session_f56359:has(.sessionMoreButton__055f9:hover) .sessionIcon__540be {
- background: var(--status-danger);
- }
- .sessionMoreButton__055f9 {
- background-color: var(--background-accent);
- border-radius: 2px;
- margin: 8px 8px 8px auto;
- height: 24px;
- width: 24px;
- display: flex;
- align-items: center;
- justify-content: center;
- color: var(--status-danger);
- }
- .sessionMoreButton__055f9:hover {
- background: var(--status-danger);
- color: #fff;
- }
- .sessionMoreButton__055f9 svg {
- height: 18px;
- width: 18px;
- }
- .sessionIcon__540be {
- width: 98px;
- height: 45px;
- border-radius: 0;
- background: var(--background-accent);
- color: #fff;
- }
- .sessionIcon__540be svg {
- height: 18px;
- width: 18px;
- }
- .connectContainer__8050b {
- margin-bottom: 10px;
- background: none;
- border-radius: 0;
- padding: 0;
- }
- .connectContainer__8050b .connectHeader__04762 {
- color: var(--text-muted) !important;
- font-size: 14px;
- letter-spacing: 0.5px;
- line-height: 36px;
- text-transform: uppercase;
- margin-bottom: 0;
- }
- .connectContainer__8050b [data-text-variant="text-xs/normal"] {
- font-size: 13px;
- line-height: 18px;
- font-weight: 400;
- color: var(--text-muted) !important;
- margin-bottom: 10px;
- }
- .connectContainer__8050b button {
- background-color: var(--btn-grey);
- transition: background-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
- border-radius: 2px;
- width: -moz-fit-content;
- width: fit-content;
- background-position: left;
- background-origin: content-box;
- padding: 8px 14px;
- color: var(--text-lighter);
- display: flex;
- justify-content: center;
- align-items: center;
- }
- .connectContainer__8050b button:hover {
- background-color: var(--btn-grey-hover);
- color: #fff;
- box-shadow: var(--btn-grey-boxshadow);
- }
- .connectContainer__8050b button[aria-label]::after {
- content: attr(aria-label);
- font-size: 14px;
- font-weight: 400;
- margin-left: 48px;
- }
- .connectContainer__8050b button.accountAddInner_d34c25[aria-label]::after {
- margin-left: 10px;
- }
- .connectContainer__8050b button.accountAddInner_d34c25 svg {
- color: var(--brand-experiment);
- }
- .connectionList__7b310 {
- gap: 10px;
- padding-top: 10px;
- border-top: thin solid var(--background-modifier-accent-dark);
- }
- .connection_fff5f6 {
- margin-bottom: 0;
- border-radius: 0;
- background: none;
- }
- .connectionHeader__3c82d {
- padding: 8px;
- background: var(--btn-grey);
- border-radius: 0;
- }
- .connectionHeader__3c82d .connectionAccountLabelContainer__9eea3 {
- color: #fff;
- font-size: 16px;
- font-weight: 400;
- line-height: 20px;
- }
- .connectionHeader__3c82d .connectionAccountLabel_a71192 {
- --header-secondary: var(--text-muted);
- font-size: 12px;
- line-height: 22px;
- letter-spacing: 0.5px;
- text-transform: uppercase;
- font-weight: 700;
- }
- .connectionHeader__3c82d .connectionDelete__988b5 {
- background: var(--background-accent);
- border-radius: 2px;
- height: 24px;
- width: 24px;
- display: flex;
- align-items: center;
- justify-content: center;
- color: var(--status-danger);
- margin-right: 0;
- }
- .connectionHeader__3c82d .connectionDelete__988b5:hover {
- background: var(--status-danger);
- color: #fff;
- }
- .connectionHeader__3c82d .connectionDelete__988b5 svg {
- height: 18px;
- width: 18px;
- }
- .connectionOptionsWrapper_abe849 {
- background: var(--background-modifier-accent-dark);
- padding: 8px;
- box-shadow: inset 0 2px 3px rgba(0, 0, 0, 0.5);
- }
- .connectionOptions_d1a598 {
- flex-flow: row wrap;
- }
- .connectionOptionSwitch_b4c979 {
- margin-bottom: 0;
- width: 50%;
- max-width: 50%;
- flex: 1 1 50%;
- padding: 0;
- align-items: center;
- }
- .connectionOptionSwitch_b4c979 .labelRow__523f2 {
- width: -moz-fit-content;
- width: fit-content;
- }
- .connectionOptionSwitch_b4c979 .labelRow__523f2 [data-text-variant="text-sm/semibold"] {
- font-size: 13px;
- font-weight: 300;
- }
- .connectionOptionSwitch_b4c979 .control_f6cce7 {
- order: -1;
- margin-right: 4px;
- }
- @keyframes nitroGradient {
- 0% {
- background-position: 0% 50%;
- }
- 50% {
- background-position: 100% 50%;
- }
- 100% {
- background-position: 0% 50%;
- }
- }
- .contentRegionScroller__86c79:has(#discord-nitro-tab) {
- background: #000;
- }
- #app-mount .layer__2efaa ~ .layer__2efaa .contentColumnDefault_c66386#discord-nitro-tab, #app-mount .layer__2efaa ~ .layer__2efaa .contentColumnDefault_c66386#nitro-server-boost-tab {
- padding: 0 !important;
- }
- .premiumContainer__2ebd0 .root__3594f {
- display: none;
- }
- [data-testid=v2-marketing-page-hero-header] {
- width: 100%;
- border-radius: 0;
- background: none;
- margin-bottom: 0;
- }
- [data-testid=v2-marketing-page-hero-header] > * {
- z-index: 1;
- }
- [data-testid=v2-marketing-page-hero-header]::after {
- content: "";
- z-index: 0;
- position: absolute;
- inset: 0;
- width: 100%;
- height: 100%;
- background: linear-gradient(135deg, hsl(235, calc(var(--saturation-factor, 1) * 85.6%), 64.7%) 48%, hsl(269, calc(var(--saturation-factor, 1) * 52.7%), 52.7%) 55%);
- -webkit-mask: radial-gradient(circle at center, black 0%, transparent 45%);
- mask: radial-gradient(circle at center, black 0%, transparent 45%);
- }
- [data-testid=v2-marketing-page-hero-header] [data-text-variant="text-lg/normal"] {
- font-size: 16px;
- line-height: 20px;
- }
- .premiumTierCardsContainer_e3c13b {
- background: linear-gradient(137.42deg, #00d5ff 0%, #d0266f 40%, #b9b500 100%);
- background-size: 300% 300%;
- animation: nitroGradient 20s ease infinite;
- max-width: unset;
- margin-bottom: 0;
- padding-bottom: 4em;
- padding-top: 4em;
- }
- .premiumTierCardsContainer_e3c13b:has(.banner__4cbda) {
- padding-top: 0;
- }
- .banner__4cbda {
- border-radius: 0;
- max-width: unset;
- }
- .premiumCards__1b3a9 {
- display: flex;
- justify-content: center;
- }
- .card__48184 {
- max-width: 300px;
- background: rgba(255, 255, 255, 0.0588235294);
- border-radius: 3px;
- padding: 20px;
- margin: 10px;
- }
- .card__48184 svg.title__223b8 {
- color: #1b1b1b;
- position: absolute;
- right: 20px;
- }
- .card__48184 .price__12d41 {
- margin: 8px 0 24px 0;
- line-height: 33px;
- }
- .card__48184 .price__300d9 {
- font-size: 24px;
- line-height: 28px;
- font-weight: 600;
- }
- .card__48184 .item__4b324 {
- margin-left: 28px;
- margin-bottom: 5px;
- }
- .card__48184 .item__4b324 .icon_c4178d {
- height: 18px;
- width: 18px;
- }
- .card__48184 .item__4b324 [data-text-variant="text-md/normal"] {
- font-size: 12px;
- }
- .card__48184 .wumpusImageContainer__5990c {
- position: absolute;
- width: 30%;
- top: 50px;
- right: 0;
- border-top-right-radius: 16px;
- overflow: hidden;
- }
- .card__48184 .shinyButton_fc8363 {
- color: #fff;
- background: #1b1b1b;
- border-radius: 50px;
- height: 36px;
- font-size: 12px;
- font-weight: 600;
- border: none;
- transition: background 0.2s ease, color 0.2s ease, box-shadow 0.2s ease;
- }
- .card__48184 .shinyButton_fc8363:hover {
- color: #1b1b1b;
- background: #fff;
- box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
- }
- .whatsNewSection_e83a8d {
- position: relative;
- gap: 64px;
- padding-top: 64px;
- padding-bottom: 64px;
- margin-bottom: 0;
- background-image: var(--custom-premium-colors-premium-gradient-tier-2-transparent);
- border-radius: 0;
- }
- #app-mount .card_e97590 {
- transform: none;
- transition: filter 0.2s ease;
- border-radius: 3px;
- padding: 20px;
- background: linear-gradient(137.42deg, #163bba 0%, #ae4d4d 100%);
- overflow: hidden;
- }
- #app-mount .card_e97590:hover .cardImage__9da5b {
- margin: 50px;
- width: calc(100% - 100px);
- border-radius: 0;
- }
- #app-mount .cardContainer__912d9 .noFlipCardContainer_e2d2c1:nth-child(2n) .card_e97590 {
- background: linear-gradient(137.42deg, #ce158b 0%, #e36d23 100%);
- }
- #app-mount .cardContainer__912d9 .noFlipCardContainer_e2d2c1:nth-child(2n) .card_e97590 .cardDescription__46c9d {
- background: linear-gradient(137.42deg, #ce158b 0%, #e36d23 100%);
- }
- .cardDescription__46c9d {
- padding: 20px;
- border-radius: 3px;
- background: linear-gradient(137.42deg, #163bba 0%, #ae4d4d 100%);
- filter: hue-rotate(30deg);
- }
- #app-mount .cardImage__9da5b {
- z-index: 21;
- border-radius: 0;
- }
- .perksContainer_e3fd5b {
- background: #fff;
- margin: 0;
- max-width: 100%;
- display: block;
- padding-top: 4em;
- }
- .perksContainer_e3fd5b .defaultColor__87d87 {
- color: #1b1b1b;
- }
- .perkCard__6fe60 {
- background: none;
- border-radius: 0;
- padding: 8px 16px 10px 16px;
- justify-content: flex-start;
- }
- .perkCard__6fe60 img {
- margin-bottom: 10px;
- order: -1;
- -o-object-fit: scale-down;
- object-fit: scale-down;
- height: 150px;
- width: 100%;
- }
- .perkCard__6fe60 h2 {
- margin: 0;
- font-size: 18px;
- font-weight: 700;
- line-height: 20px;
- color: #1b1b1b;
- }
- .perkCard__6fe60 [data-text-variant="text-sm/normal"] {
- padding: 0;
- font-size: 13px;
- line-height: 18px;
- font-weight: 700;
- color: #1b1b1b;
- }
- .planComparisonTableContainer__5e152 {
- padding: 24px;
- max-width: unset;
- width: 100%;
- padding: 5em;
- background: linear-gradient(137.42deg, #3209d9 0%, #0b5f42 60%, #b0d909 100%);
- background-size: 300% 300%;
- animation: nitroGradient 20s ease infinite;
- }
- .planComparisonTableContainer__5e152 [class*=titleText] {
- font-size: 30px;
- line-height: 34px;
- font-weight: 800;
- letter-spacing: 0;
- margin-bottom: 6px;
- margin-top: 8px;
- text-transform: capitalize;
- text-align: start;
- }
- .planComparisonTableContainer__5e152 [class*=headerRow] h2 {
- font-size: 16px;
- line-height: 20px;
- font-weight: 600;
- }
- .planComparisonTableContainer__5e152 [class*=headerRow] th {
- display: flex;
- align-items: start;
- justify-content: center;
- }
- .planComparisonTableContainer__5e152 [class*=headerRow] [class*=headerLabelCell] {
- align-items: center;
- justify-content: left;
- width: 25%;
- max-width: 25%;
- }
- .planComparisonTableContainer__5e152 [class*=headerRow] [class*=headerCell] {
- width: 37.5%;
- }
- .planComparisonTableContainer__5e152 [class*=labelCell] [data-text-variant="text-sm/normal"] {
- font-size: 16px;
- line-height: 20px;
- font-weight: 600;
- --text-normal: #ffffff7a;
- }
- .planComparisonTableContainer__5e152 [class^=row] {
- height: unset;
- min-height: 48px;
- }
- .planComparisonTableContainer__5e152 th[scope=row] {
- padding: 4px;
- width: 25%;
- max-width: 25%;
- }
- .planComparisonTableContainer__5e152 td {
- align-items: start;
- width: 37.5%;
- }
- .planComparisonTableContainer__5e152 [class*=rowBottomBorder] {
- width: 100%;
- border-bottom: 1px solid rgba(255, 255, 255, 0.2);
- }
- .planComparisonTableContainer__5e152 [class*=tier2ColumnOuter] {
- display: none;
- }
- .planComparisonTableContainer__5e152 [class*=closeIcon] {
- color: rgba(255, 255, 255, 0.2);
- }
- .innerWrapper_c80bad {
- background-image: linear-gradient(45deg, var(--guild-boosting-blue), var(--guild-boosting-purple));
- border-radius: 4px;
- box-shadow: var(--banner-shadow);
- padding: 16px;
- width: unset;
- max-width: 438px;
- }
- #app-mount .contentRegion__0bec1 .contentRegionScroller__86c79:has(#nitro-server-boost-tab) {
- padding-top: 0;
- background: #000;
- }
- #nitro-server-boost-tab .background__0be22::after {
- content: "";
- z-index: 0;
- position: absolute;
- inset: 0 0 0 0;
- margin: 0 auto;
- width: 500px;
- height: 250px;
- background: linear-gradient(135deg, hsl(235, calc(var(--saturation-factor, 1) * 85.6%), 64.7%) 48%, hsl(269, calc(var(--saturation-factor, 1) * 52.7%), 52.7%) 55%);
- -webkit-mask: radial-gradient(circle at center, black 0%, transparent 45%);
- mask: radial-gradient(circle at center, black 0%, transparent 45%);
- }
- #nitro-server-boost-tab .guildBoostGemWrapper__975b2 {
- display: none;
- }
- #nitro-server-boost-tab .gradient_e94761 {
- border-radius: 0;
- background: none;
- }
- #nitro-server-boost-tab .gradient_e94761 .guildBoostGemWrapper__975b2,
- #nitro-server-boost-tab .gradient_e94761 svg {
- display: none;
- }
- #nitro-server-boost-tab .wrapper__18a49:has(.guildContainer__9d362) {
- background: linear-gradient(137.42deg, #00d5ff 0%, #d0266f 40%, #b9b500 100%);
- background-size: 300% 300%;
- animation: nitroGradient 20s ease infinite;
- max-width: unset;
- margin-bottom: 0;
- padding: 5em;
- }
- #nitro-server-boost-tab .guildContainer__9d362 {
- background: rgba(255, 255, 255, 0.0588235294);
- border-radius: 3px;
- padding: 20px;
- }
- #nitro-server-boost-tab .guildContainer__9d362::before, #nitro-server-boost-tab .guildContainer__9d362::after {
- display: none;
- }
- #nitro-server-boost-tab .guildContainer__9d362 .iconInactive__90d40 {
- border-radius: 3px;
- }
- #nitro-server-boost-tab .guildContainer__9d362 [data-text-variant="text-lg/bold"] {
- color: #fff;
- font-size: 16px;
- line-height: 20px;
- font-weight: 600;
- }
- #nitro-server-boost-tab .guildContainer__9d362 [data-text-variant="text-sm/bold"] {
- font-size: 12px;
- font-weight: 400;
- --text-muted: #fff;
- }
- #nitro-server-boost-tab .guildContainer__9d362 .separator_f8e077 {
- --text-muted: #fff;
- }
- #nitro-server-boost-tab .guildContainer__9d362 .shinyButton_fc8363 {
- color: #fff;
- background: #1b1b1b;
- border-radius: 50px;
- height: 36px;
- font-size: 12px;
- font-weight: 600;
- border: none;
- transition: background 0.2s ease, color 0.2s ease, box-shadow 0.2s ease;
- }
- #nitro-server-boost-tab .guildContainer__9d362 .shinyButton_fc8363:hover {
- background: #fff;
- color: #1b1b1b;
- box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
- }
- #nitro-server-boost-tab .guildContainer__9d362 + .wrapper__0df00 {
- background: none;
- border: none;
- justify-content: center;
- }
- #nitro-server-boost-tab .guildContainer__9d362 + .wrapper__0df00 [data-text-variant="text-sm/medium"] {
- font-style: italic;
- font-size: 12px;
- font-weight: 500;
- color: rgba(255, 255, 255, 0.5294117647);
- }
- .tierComparisonTable__3126f,
- .tierComparisonTable_b4d962 {
- padding: 24px;
- margin-bottom: 0;
- max-width: unset;
- width: 100%;
- padding: 5em;
- background: linear-gradient(137.42deg, #3209d9 0%, #0b5f42 60%, #b0d909 100%);
- background-size: 300% 300%;
- animation: nitroGradient 20s ease infinite;
- }
- .tierComparisonTable__3126f .columnHeading__7e90b,
- .tierComparisonTable_b4d962 .columnHeading__7e90b {
- padding-bottom: 0;
- }
- .tierComparisonTable__3126f thead .tableRowHeading__2b8b8 h2,
- .tierComparisonTable_b4d962 thead .tableRowHeading__2b8b8 h2 {
- translate: 0 8px;
- font-size: 16px;
- line-height: 20px;
- font-weight: 600;
- }
- .tierComparisonTable__3126f thead th,
- .tierComparisonTable_b4d962 thead th {
- justify-content: center;
- text-align: left;
- }
- .tierComparisonTable__3126f tbody th,
- .tierComparisonTable_b4d962 tbody th {
- padding: 4px;
- }
- .tierComparisonTable__3126f .tableCellInner__3f5bb,
- .tierComparisonTable_b4d962 .tableCellInner__3f5bb {
- min-height: 48px;
- }
- .tierComparisonTable__3126f th .defaultColor__77578,
- .tierComparisonTable_b4d962 th .defaultColor__77578 {
- font-size: 16px;
- line-height: 20px;
- font-weight: 600;
- color: rgba(255, 255, 255, 0.4784313725);
- }
- .tierComparisonTable__3126f td.tableCell__77206,
- .tierComparisonTable_b4d962 td.tableCell__77206 {
- text-align: left;
- padding: 4px;
- }
- .tierComparisonTable__3126f .tableCell__77206,
- .tierComparisonTable_b4d962 .tableCell__77206 {
- padding-top: 0;
- padding-bottom: 0;
- position: relative;
- }
- .tierComparisonTable__3126f .booleanValueIcon__864e1,
- .tierComparisonTable_b4d962 .booleanValueIcon__864e1 {
- margin-left: 0;
- }
- .tierComparisonTable__3126f .booleanValueIcon__864e1:has([d="M18.4 4L12 10.4L5.6 4L4 5.6L10.4 12L4 18.4L5.6 20L12 13.6L18.4 20L20 18.4L13.6 12L20 5.6L18.4 4Z"]),
- .tierComparisonTable_b4d962 .booleanValueIcon__864e1:has([d="M18.4 4L12 10.4L5.6 4L4 5.6L10.4 12L4 18.4L5.6 20L12 13.6L18.4 20L20 18.4L13.6 12L20 5.6L18.4 4Z"]) {
- color: rgba(255, 255, 255, 0.4784313725);
- }
- .wrapper__26ed7 {
- border-radius: 0;
- margin-bottom: 0;
- padding: 4em 5em;
- }
- .card__67edb {
- background: rgba(255, 255, 255, 0.0588235294);
- border-radius: 3px;
- padding: 20px;
- --text-normal: #fff;
- }
- .wrapper_cf13f4 {
- border-radius: 0;
- background: none;
- padding: 4em 5em;
- }
- .list__80e1b {
- border-top: none;
- }
- .listItem_df7f03 {
- border-bottom: thin solid var(--background-modifier-accent-dark);
- }
- .question_b59602 {
- font-size: 16px;
- line-height: 20px;
- font-weight: 700;
- }
- .answer_a88bb8 {
- font-size: 13px;
- line-height: 18px;
- font-weight: 400;
- --text-normal: var(--text-muted);
- }
- .perkPreviewImage__0a7e2 {
- background: var(--contextmenu-gradient);
- padding: 8px 5px 8px 5px;
- border-radius: 0;
- box-shadow: 3px 3px 5px -3px #000;
- }
- #subscriptions-tab .h1__90460.title__3e421.defaultColor_d757c2.sectionTitle__1605a {
- position: sticky;
- display: flex;
- align-items: center;
- top: 0;
- padding: 32px 24px;
- margin-left: -24px;
- z-index: 10;
- transform: translateY(calc(var(--header-padding) * -1 + 8.5px + 18px));
- background: linear-gradient(to bottom, var(--background-tertiary) calc(100% - 24px), transparent 100%);
- font-size: 22px;
- line-height: 24px;
- font-weight: 700;
- margin-bottom: 0;
- }
- #subscriptions-tab .card__4dc22 {
- padding: 8px 24px 10px 16px;
- margin-top: 0;
- margin-right: 8px;
- border-radius: 2px;
- }
- #subscriptions-tab .card__4dc22[class*=noItemsCard] {
- background: var(--background-accent);
- width: -moz-fit-content;
- width: fit-content;
- }
- #subscriptions-tab .card__4dc22 [class*=noItemsIcon] {
- background: #fff;
- }
- #subscriptions-tab .card__4dc22 [class*=noItemsIcon].small__52213 {
- width: 20px;
- height: 20px;
- }
- #subscriptions-tab .card__4dc22 .gameIcon__90c32 {
- color: var(--background-accent);
- }
- #subscriptions-tab .card__4dc22 [class*=cardText] {
- font-size: 14px;
- font-weight: 600;
- color: #fff;
- line-height: 20px;
- }
- #subscriptions-tab .sectionAccountCredit__8ffc1,
- #subscriptions-tab .subscriptionDetails_f73fb4 {
- padding-bottom: 10px;
- margin-bottom: 10px;
- border-bottom: thin solid var(--background-modifier-accent-dark);
- }
- .accountCreditTitle__51351 {
- color: var(--text-muted);
- font-size: 14px;
- letter-spacing: 0.5px;
- line-height: 36px;
- margin-bottom: 0;
- text-transform: uppercase;
- }
- .accountCreditDescription__59ab8 {
- font-size: 13px;
- line-height: 18px;
- font-weight: 400;
- color: var(--text-muted);
- letter-spacing: 0;
- margin-bottom: 10px;
- }
- #library-inventory-tab form .flex_f5fbb7 {
- align-items: center;
- }
- #library-inventory-tab .inputWrapper__934f5 {
- margin-right: 10px;
- }
- #library-inventory-tab .divider_a2339a {
- margin: 10px 0;
- }
- #library-inventory-tab [data-text-variant="heading-md/semibold"] {
- text-transform: capitalize;
- color: #fff;
- font-size: 16px;
- line-height: 20px;
- font-weight: 600;
- letter-spacing: 0;
- padding-left: 8px;
- }
- #library-inventory-tab .emptyStateImage__3e0a5 {
- margin-top: 0;
- }
- #billing-tab h2.title__3e421 + .footer_bfb4b9 {
- margin-top: 0;
- }
- #billing-tab .subText__70c8d {
- margin-top: 10px;
- }
- #billing-tab .paymentHistory__889da {
- margin-top: 24px;
- }
- #billing-tab .paymentHistory__889da h2.title__3e421 {
- margin-bottom: 0;
- text-transform: capitalize;
- color: #fff;
- font-size: 16px;
- line-height: 20px;
- font-weight: 600;
- letter-spacing: 0;
- padding-top: 8px;
- padding-left: 8px;
- display: flex;
- align-items: center;
- }
- #billing-tab .paymentHistory__889da h2.title__3e421::after {
- content: "";
- height: 2px;
- margin: 0 10px 0 10px;
- background: var(--background-modifier-accent-compat);
- display: flex;
- flex-grow: 1;
- }
- #billing-tab .paymentHistory__889da .paymentRowHeader__930f3 {
- display: none;
- }
- #billing-tab .paymentHistory__889da .paymentPane__9cf01 {
- background: none;
- border-radius: 0;
- }
- #billing-tab .paymentHistory__889da .paymentRow__1bb7a {
- border: none;
- }
- #billing-tab .paymentHistory__889da .paginator_e620d3 {
- background: none;
- }
- #billing-tab .paymentHistory__889da .scrollerBase_dc3aa9 {
- overflow: auto !important;
- border: none;
- }
- #billing-tab .paymentHistory__889da .payment__7d702 {
- background: none;
- border: none;
- padding: 6px 8px;
- min-height: 58px;
- }
- #billing-tab .paymentHistory__889da .payment__7d702.hoverablePayment__3ea24:hover, #billing-tab .paymentHistory__889da .payment__7d702:has(.expandedInfo__47bad) {
- background: var(--background-accent);
- transition: background 0.2s linear;
- }
- #billing-tab .paymentHistory__889da .payment__7d702 .summaryInfo_b57acb {
- padding: 0;
- }
- #billing-tab .paymentHistory__889da .payment__7d702 .date_ad0cb9 {
- position: absolute;
- left: 122px;
- margin-top: 20px;
- display: flex;
- color: var(--text-muted);
- font-size: 12px;
- line-height: 22px;
- letter-spacing: 0.5px;
- text-transform: uppercase;
- font-weight: 700;
- display: flex;
- align-items: center;
- }
- #billing-tab .paymentHistory__889da .payment__7d702 .date_ad0cb9::before {
- content: "";
- display: block;
- width: 16px;
- height: 16px;
- -webkit-mask: url(https://maendisease.github.io/Steam/illustrations/icns/clock.svg);
- mask: url(https://maendisease.github.io/Steam/illustrations/icns/clock.svg);
- background: var(--text-muted);
- margin-right: 4px;
- }
- #billing-tab .paymentHistory__889da .gameIcon__90c32 {
- border-radius: 0;
- margin-right: 16px;
- }
- #billing-tab .paymentHistory__889da .xsmall_b118ce {
- height: 45px;
- width: 98px;
- }
- #billing-tab .paymentHistory__889da .description_be3171 {
- color: #fff;
- font-weight: 400;
- line-height: 20px;
- }
- #billing-tab .paymentHistory__889da .description_be3171 > div:not(.gameIcon__90c32),
- #billing-tab .paymentHistory__889da .description_be3171 > svg {
- margin-top: -19px;
- }
- #billing-tab .paymentHistory__889da .giftIcon__9d0ce {
- height: 14px;
- width: 14px;
- color: var(--gpColor-Yellow);
- opacity: 1;
- margin-left: 4px;
- }
- #billing-tab .paymentHistory__889da svg.expand__12c96 {
- margin: 8px;
- color: var(--brand-experiment);
- }
- #billing-tab .codeRedemptionRedirect_bc7f36 {
- padding: 0;
- background: none;
- border: none;
- font-size: 13px;
- line-height: 18px;
- font-weight: 400;
- color: var(--text-muted);
- letter-spacing: 0;
- }
- #billing-tab .expandedInfo__47bad {
- background: var(--background-tertiary);
- padding: 24px;
- margin: 6px 0 0 0;
- padding-top: 24px;
- border-radius: 0;
- }
- #billing-tab .paymentText_deeaf4 {
- color: #fff;
- }
- #billing-tab .paymentDetail_c96709 {
- margin: 0;
- padding: 10px 0;
- border-bottom: thin solid var(--background-modifier-accent-dark);
- }
- #billing-tab .paymentDetail_c96709:first-child {
- margin-top: 10px;
- border-top: thin solid var(--background-modifier-accent-dark);
- }
- #billing-tab .paymentDetail_c96709 > div {
- gap: 10px;
- justify-content: left;
- }
- #billing-tab .paymentDetail_c96709 > div div:first-child {
- font-size: 14px;
- line-height: 18px;
- color: var(--contextmenu-text);
- }
- #billing-tab .paymentDetail_c96709 > div div:last-child {
- font-size: 12px;
- line-height: 19px;
- font-weight: 400;
- color: var(--text-muted);
- }
- #billing-tab .paymentHeader__50c05 {
- border: none;
- padding: 0;
- margin: 0;
- color: var(--text-muted);
- font-size: 14px;
- letter-spacing: 0.5px;
- line-height: 36px;
- margin-bottom: 0;
- text-transform: uppercase;
- }
- #billing-tab .paymentText_deeaf4 > div:not([class]) {
- font-size: 13px;
- line-height: 18px;
- font-weight: 400;
- color: var(--text-muted);
- letter-spacing: 0;
- margin-bottom: 10px;
- }
- #billing-tab .refundSubHeader__3623a {
- color: var(--text-muted);
- font-size: 14px;
- letter-spacing: 0.5px;
- line-height: 36px;
- margin: 0;
- text-transform: uppercase;
- }
- #billing-tab .refundIconContainer__28442 {
- font-size: 13px;
- line-height: 18px;
- font-weight: 400;
- color: var(--text-muted);
- letter-spacing: 0;
- }
- #billing-tab .refundActions_bdaec5 {
- font-size: 13px;
- line-height: 18px;
- font-weight: 400;
- letter-spacing: 0;
- }
- #appearance-tab .children_b15c64 > [data-text-variant="text-md/normal"]:last-child {
- padding: 0;
- background: none;
- border: none;
- font-size: 13px;
- line-height: 18px;
- font-weight: 400;
- color: var(--text-muted);
- letter-spacing: 0;
- margin-top: 40px;
- }
- .presets__14d08.basicThemeSelectors_f6c054 {
- padding: 6px;
- background: var(--darker-grey);
- box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.6666666667);
- border-radius: 2px;
- margin-bottom: 10px;
- display: grid;
- grid-template-columns: repeat(3, minmax(0, 1fr));
- grid-gap: 6px;
- }
- .presets__14d08.basicThemeSelectors_f6c054 .themeSelectionContainer__575f5 {
- height: -moz-fit-content;
- height: fit-content;
- width: 100%;
- }
- .presets__14d08.basicThemeSelectors_f6c054 .themeSelectionContainer__575f5 .selectionCircle_f4288e,
- .presets__14d08.basicThemeSelectors_f6c054 .themeSelectionContainer__575f5 .iconWrapper__1fbd0 {
- display: none;
- }
- .presets__14d08.basicThemeSelectors_f6c054 .themeSelectionContainer__575f5 .themeSelection__6014a {
- padding: 6px;
- box-shadow: none;
- background: none;
- justify-content: center;
- display: flex;
- transition: background 0.18s ease-in-out;
- }
- .presets__14d08.basicThemeSelectors_f6c054 .themeSelectionContainer__575f5 .themeSelection__6014a[aria-label]::after {
- content: attr(aria-label);
- font-size: 14px;
- line-height: 18px;
- font-weight: 400;
- color: var(--text-lighter);
- }
- .presets__14d08.basicThemeSelectors_f6c054 .themeSelectionContainer__575f5 .themeSelection__6014a:hover {
- background: hsl(calc(var(--accent-hue) + 19), calc(var(--saturation-factor, 1) * 9.7%), 22.2%);
- }
- .presets__14d08.basicThemeSelectors_f6c054 .themeSelectionContainer__575f5 .themeSelection__6014a.selected_e5f907 {
- background: var(--topbar-item-selected);
- }
- .presets__14d08.basicThemeSelectors_f6c054 .themeSelectionContainer__575f5 .themeSelection__6014a.selected_e5f907[aria-label]::after {
- color: #fff;
- }
- .featureBorder_a44f20 {
- border-radius: 0;
- margin: 0;
- }
- .featureBorder_a44f20 .background__097ec {
- padding: 10px 0 0 0;
- margin: 0 -2px -2px -2px;
- background: var(--background-tertiary);
- }
- .featureBorder_a44f20 .background__097ec .header_a6f6dd .headings__6a24e {
- gap: 0;
- }
- .featureBorder_a44f20 .background__097ec .header_a6f6dd [data-text-variant="text-md/medium"] {
- color: var(--text-muted);
- font-size: 14px;
- font-weight: 700;
- letter-spacing: 0.5px;
- line-height: 36px;
- margin-bottom: 0;
- text-transform: uppercase;
- }
- .featureBorder_a44f20 .background__097ec .header_a6f6dd [data-text-variant="text-sm/normal"] {
- font-size: 13px;
- line-height: 18px;
- font-weight: 400;
- color: var(--text-muted);
- letter-spacing: 0;
- }
- .presets__14d08 {
- margin-top: 10px;
- gap: 10px;
- }
- .themeSelection__6014a {
- border-radius: 2px;
- }
- #accessibility-tab .preview_a8dd8d {
- padding: 0;
- border-radius: 0;
- border: none;
- }
- #accessibility-tab .previewMessage__1075c {
- padding: 8px;
- border-radius: 0;
- margin-top: 16px;
- background: none;
- }
- #accessibility-tab .children_b15c64 > .divider__2bbbc.marginBottom20__64605:nth-last-child(2) {
- margin-bottom: 0;
- }
- #accessibility-tab .children_b15c64 > [data-text-variant="text-md/normal"]:last-child {
- padding: 0;
- background: none;
- border: none;
- font-size: 13px;
- line-height: 18px;
- font-weight: 400;
- color: var(--text-muted);
- letter-spacing: 0;
- margin-top: 40px;
- }
- #voice-\&-video-tab .micTest__30846 {
- margin-top: 0;
- gap: 10px;
- }
- #voice-\&-video-tab .micTest__30846 button {
- order: 1;
- margin: 0;
- }
- #voice-\&-video-tab .micTest__30846 .wrapper__61220 {
- border-radius: 50px;
- overflow: hidden;
- height: 8px;
- }
- #voice-\&-video-tab .micTest__30846 .progress__2cc1d {
- background: var(--background-modifier-accent-dark);
- }
- #voice-\&-video-tab .micTest__30846 .notches__065e9 {
- display: none;
- }
- #voice-\&-video-tab .micTest__30846 .micTestCaption__6f94a {
- left: 0;
- }
- #voice-\&-video-tab [role=radiogroup]:has(.item_b7fb7e)[aria-orientation=vertical] {
- flex-direction: row;
- }
- #voice-\&-video-tab [role=radiogroup]:has(.item_b7fb7e) .item_b7fb7e {
- width: 100%;
- }
- #voice-\&-video-tab [role=radiogroup]:has(.item_b7fb7e) .item_b7fb7e [data-text-variant="text-md/medium"] {
- text-align: center;
- }
- .newTextBadge_da2cca {
- border: 3px solid var(--background-tertiary);
- }
- #text-\&-images-tab [role=radiogroup]:has(.item_b7fb7e)[aria-orientation=vertical] {
- flex-direction: row;
- }
- #text-\&-images-tab [role=radiogroup]:has(.item_b7fb7e) .item_b7fb7e {
- width: 100%;
- }
- #text-\&-images-tab [role=radiogroup]:has(.item_b7fb7e) .item_b7fb7e [data-text-variant="text-md/medium"] {
- text-align: center;
- }
- #notifications-tab [role=radiogroup]:has(.item_b7fb7e)[aria-orientation=vertical] {
- flex-direction: row;
- }
- #notifications-tab [role=radiogroup]:has(.item_b7fb7e) .item_b7fb7e {
- width: 100%;
- }
- #notifications-tab [role=radiogroup]:has(.item_b7fb7e) .item_b7fb7e [data-text-variant="text-md/medium"] {
- text-align: center;
- }
- #notifications-tab .container_c52416:has(+ .container_c52416.soundRow__20a10) {
- margin-bottom: 7px;
- }
- #notifications-tab .container_c52416.soundRow__20a10 {
- margin-bottom: 7px;
- }
- #notifications-tab .container_c52416.soundRow__20a10 .divider__2bbbc {
- margin-top: 6px;
- }
- #notifications-tab .container_c52416.soundRow__20a10 .title__28a65 {
- overflow: visible;
- }
- #notifications-tab .container_c52416.soundRow__20a10 .control_f6cce7 {
- order: -1;
- margin-right: 6px;
- }
- #notifications-tab .container_c52416.soundRow__20a10 .soundName__48bd4 {
- margin-right: auto;
- }
- #notifications-tab .container_c52416.soundRow__20a10 .soundIcon_ab332f {
- opacity: 1;
- background: var(--btn-grey);
- margin-right: 4px;
- height: 36px;
- width: 36px;
- border-radius: 2px;
- color: var(--brand-experiment);
- justify-content: center;
- align-items: center;
- display: flex;
- transition-property: background, box-shadow;
- transition-duration: 0.2s;
- transition-timing-function: ease-out;
- }
- #notifications-tab .container_c52416.soundRow__20a10 .soundIcon_ab332f:hover {
- background: var(--btn-grey-hover);
- box-shadow: var(--btn-grey-boxshadow);
- }
- #notifications-tab .container_c52416.soundRow__20a10 .soundIcon_ab332f .icon_dfe65c {
- width: 18px;
- height: 18px;
- }
- .keybindGroup__80beb .switch_bc40ac {
- margin-top: 46px;
- margin-left: 0;
- padding-top: 0;
- }
- .removeKeybind_f86f75 {
- opacity: 1;
- top: 10px;
- right: 4px;
- border-radius: 2px;
- }
- #game-activity-tab .children_b15c64 {
- display: flex;
- flex-wrap: wrap;
- flex-direction: row;
- }
- #game-activity-tab .children_b15c64 > .marginTop40__2b1fe {
- flex-basis: 100%;
- }
- #game-activity-tab .activeGame__99516 {
- padding: 8px 24px 10px 16px;
- margin-right: 8px;
- border-radius: 2px;
- width: -moz-fit-content;
- width: fit-content;
- max-width: calc(100% - 8px - 20px - 12px);
- }
- #game-activity-tab .activeGame__99516.notDetected__2a0c9 {
- background: var(--background-accent);
- width: -moz-fit-content;
- width: fit-content;
- }
- #game-activity-tab .activeGame__99516::before {
- content: "";
- display: block;
- width: 20px;
- height: 20px;
- -webkit-mask: url(https://maendisease.github.io/Steam/illustrations/icns/storage.svg);
- mask: url(https://maendisease.github.io/Steam/illustrations/icns/storage.svg);
- background: #fff;
- margin-right: 12px;
- }
- #game-activity-tab .activeGame__99516 .gameNameLastPlayed__1f167 {
- max-width: calc(var(--settingsmodalwidth) - 196px - 200px);
- }
- #game-activity-tab .activeGame__99516 .gameName_aeeab5,
- #game-activity-tab .activeGame__99516 .lastPlayed_accc56 {
- font-size: 14px;
- font-weight: 600;
- color: #fff;
- line-height: 20px;
- }
- #game-activity-tab .activeGame__99516 .lastPlayed_accc56 {
- height: 20px;
- overflow: hidden;
- }
- #game-activity-tab .activeGame__99516 .default_cae228 {
- transform: translateY(-107%);
- }
- #game-activity-tab .activeGame__99516 .lastPlayed_accc56,
- #game-activity-tab .activeGame__99516 .hoverRoll__041cb,
- #game-activity-tab .activeGame__99516 .hovered__243e5,
- #game-activity-tab .activeGame__99516 .default_cae228 {
- width: -moz-fit-content;
- width: fit-content;
- }
- #game-activity-tab .activeGame__99516 .hovered__243e5 {
- position: relative;
- max-width: calc(var(--settingsmodalwidth) - 196px - 200px);
- }
- #game-activity-tab .nowPlayingAdd__7caf1 {
- margin: 0;
- font-size: 0;
- }
- #game-activity-tab .nowPlayingAdd__7caf1 button {
- padding: 0;
- }
- #game-activity-tab .nowPlayingAdd__7caf1 button .contents_fb6220 {
- display: none;
- }
- #game-activity-tab .nowPlayingAdd__7caf1 button::before {
- content: "";
- display: block;
- width: 20px;
- height: 20px;
- -webkit-mask: url(https://maendisease.github.io/Steam/illustrations/icns/circleplus.svg);
- mask: url(https://maendisease.github.io/Steam/illustrations/icns/circleplus.svg);
- background: var(--background-accent-hover);
- margin: 4px;
- }
- #game-activity-tab .nowPlayingAdd__7caf1 button:hover::before {
- background: #fff;
- }
- #game-activity-tab :root {
- counter-reset: gamesCount;
- }
- #game-activity-tab .marginTop40__2b1fe {
- display: flex;
- flex-flow: row wrap;
- margin-top: 24px;
- }
- #game-activity-tab .marginTop40__2b1fe h3 {
- order: -2;
- text-transform: capitalize;
- color: #fff;
- font-size: 16px;
- line-height: 20px;
- font-weight: 600;
- letter-spacing: 0;
- padding-top: 8px;
- padding-left: 8px;
- }
- #game-activity-tab .marginTop40__2b1fe:before {
- content: "";
- height: 2px;
- margin: 16px 10px 0 10px;
- background: var(--background-modifier-accent-compat);
- display: flex;
- flex-grow: 1;
- }
- #game-activity-tab .marginTop40__2b1fe:after {
- content: counter(gamesCount);
- animation: game-activity-tabCounter 1s linear infinite forwards;
- color: var(--text-muted);
- font-size: 16px;
- line-height: 20px;
- margin-left: 8px;
- font-weight: 600;
- order: -1;
- padding-top: 8px;
- }
- #game-activity-tab .marginTop40__2b1fe .game__19f4b {
- counter-increment: gamesCount;
- flex-basis: 100%;
- padding: 6px 8px;
- height: 58px;
- box-shadow: none;
- }
- #game-activity-tab .marginTop40__2b1fe .game__19f4b.card_dc88cd:before {
- display: none;
- }
- #game-activity-tab .marginTop40__2b1fe .game__19f4b:hover {
- background: var(--background-accent);
- transition: background 0.2s linear;
- }
- #game-activity-tab .marginTop40__2b1fe .game__19f4b:hover .gameNameLastPlayed__1f167::after,
- #game-activity-tab .marginTop40__2b1fe .game__19f4b:hover .removeGame_aa12f1 {
- background-color: var(--background-accent-hover);
- transition: background 0.2s linear;
- }
- #game-activity-tab .marginTop40__2b1fe .game__19f4b:hover:has(.removeGame_aa12f1:hover) .gameNameLastPlayed__1f167::after {
- transition: background 0.2s linear;
- background-color: var(--status-danger);
- }
- #game-activity-tab .marginTop40__2b1fe .game__19f4b .gameVerifiedIcon_bcd5fc {
- height: 14px !important;
- width: 14px !important;
- margin-left: 4px;
- }
- #game-activity-tab .marginTop40__2b1fe .game__19f4b .gameNameLastPlayed__1f167::before {
- content: "";
- display: block;
- position: absolute;
- width: 98px;
- height: 45px;
- -webkit-mask: url(https://maendisease.github.io/Steam/illustrations/icns/storage.svg);
- mask: url(https://maendisease.github.io/Steam/illustrations/icns/storage.svg);
- background-color: #fff;
- -webkit-mask-repeat: no-repeat;
- mask-repeat: no-repeat;
- -webkit-mask-position: center;
- mask-position: center;
- -webkit-mask-size: 18px;
- mask-size: 18px;
- margin-right: 12px;
- z-index: 1;
- top: 0;
- bottom: 0;
- margin-top: auto;
- margin-bottom: auto;
- }
- #game-activity-tab .marginTop40__2b1fe .game__19f4b .gameNameLastPlayed__1f167::after {
- content: "";
- display: block;
- position: absolute;
- height: 45px;
- width: 98px;
- background: var(--background-accent);
- top: 0;
- bottom: 0;
- margin-top: auto;
- margin-bottom: auto;
- }
- #game-activity-tab .marginTop40__2b1fe .game__19f4b .gameNameLastPlayed__1f167 > div {
- margin-left: 114px;
- }
- #game-activity-tab .marginTop40__2b1fe .game__19f4b .gameNameLastPlayed__1f167 .gameNameInput_e25dd8 {
- margin-left: 110px;
- border: none;
- border-radius: 2px;
- }
- #game-activity-tab .marginTop40__2b1fe .game__19f4b .gameNameLastPlayed__1f167 .gameNameInput_e25dd8:hover {
- background: var(--background-accent-hover);
- }
- #game-activity-tab .marginTop40__2b1fe .game__19f4b .gameNameLastPlayed__1f167 .gameNameInput_e25dd8:focus, #game-activity-tab .marginTop40__2b1fe .game__19f4b .gameNameLastPlayed__1f167 .gameNameInput_e25dd8:focus-within {
- background: var(--background-modifier-accent-dark);
- box-shadow: inset 1px 1px 4px rgba(0, 0, 0, 0.6666666667);
- }
- #game-activity-tab .marginTop40__2b1fe .game__19f4b .gameNameLastPlayed__1f167 .gameName_aeeab5 {
- color: #fff;
- font-weight: 400;
- line-height: 20px;
- }
- #game-activity-tab .marginTop40__2b1fe .game__19f4b .gameNameLastPlayed__1f167 .lastPlayed_accc56 {
- color: var(--text-muted);
- font-size: 12px;
- line-height: 22px;
- letter-spacing: 0.5px;
- text-transform: uppercase;
- font-weight: 700;
- display: flex;
- align-items: center;
- }
- #game-activity-tab .marginTop40__2b1fe .game__19f4b .gameNameLastPlayed__1f167 .lastPlayed_accc56 strong {
- color: var(--background-accent-hover);
- font-weight: 700;
- }
- #game-activity-tab .marginTop40__2b1fe .game__19f4b .gameNameLastPlayed__1f167 .lastPlayed_accc56::before {
- content: "";
- display: block;
- width: 16px;
- height: 16px;
- -webkit-mask: url(https://maendisease.github.io/Steam/illustrations/icns/clock.svg);
- mask: url(https://maendisease.github.io/Steam/illustrations/icns/clock.svg);
- background: var(--text-muted);
- margin-right: 4px;
- }
- @keyframes game-activity-tabCounter {
- to {
- content: counter(gamesCount);
- }
- }
- #game-activity-tab .removeGame_aa12f1 {
- opacity: 1;
- position: relative;
- top: unset;
- right: unset;
- box-shadow: none;
- background-color: var(--background-accent);
- border-radius: 2px;
- margin: 8px;
- flex-shrink: 0;
- }
- #app-mount .layer__2efaa ~ .layer__2efaa .contentColumnDefault_c66386#hypesquad-online-tab {
- padding: 0 !important;
- }
- #app-mount .contentRegion__0bec1 .contentRegionScroller__86c79:has(#hypesquad-online-tab) {
- padding-top: 0;
- }
- .contentRegionScroller__86c79:has(#hypesquad-online-tab) {
- background: #000;
- }
- #hypesquad-online-tab .intro__5a71e {
- z-index: 0;
- position: relative;
- margin-bottom: 0;
- padding: 5em;
- }
- #hypesquad-online-tab .intro__5a71e [data-text-variant="text-lg/normal"] {
- font-size: 16px;
- line-height: 20px;
- }
- #hypesquad-online-tab .intro__5a71e::after {
- --house-calc: calc(var(--house) + 54);
- content: "";
- z-index: -1;
- position: absolute;
- inset: 0;
- width: 100%;
- height: 100%;
- background: linear-gradient(135deg, hsl(var(--house, 235), calc(var(--saturation-factor, 1) * 85.6%), 64.7%) 38%, hsl(var(--house-calc, 269), calc(var(--saturation-factor, 1) * 52.7%), 52.7%) 65%);
- -webkit-mask: radial-gradient(circle at center, black 0%, transparent 35%);
- mask: radial-gradient(circle at center, black 0%, transparent 35%);
- }
- #hypesquad-online-tab:has([class*=membershipDialogHouse3]) {
- --house: 169;
- }
- #hypesquad-online-tab:has([class*=membershipDialogHouse2]) {
- --house: 7;
- }
- #hypesquad-online-tab:has([class*=membershipDialogHouse1]) {
- --house: 254;
- }
- #hypesquad-online-tab .membershipDialog-2wAdpQ {
- border-radius: 0;
- padding: 4em 5em;
- margin-bottom: 0;
- }
- #hypesquad-online-tab .features-6z-RVS {
- background: linear-gradient(137.42deg, #00d5ff 0%, #d0266f 40%, #b9b500 100%);
- background-size: 300% 300%;
- animation: nitroGradient 20s ease infinite;
- max-width: unset;
- margin: 0;
- padding: 0 0 4em 0;
- display: flex;
- flex-wrap: wrap;
- }
- #hypesquad-online-tab .perksHeading-3fBj-Y {
- display: none;
- }
- #hypesquad-online-tab .video-293uMj {
- border-radius: 0;
- flex-basis: 100%;
- }
- #hypesquad-online-tab .feature__78cce {
- width: 100%;
- background: rgba(255, 255, 255, 0.0588235294);
- border-radius: 3px;
- padding: 20px;
- margin: 10px;
- flex-direction: column;
- flex: 0 1 calc(33.3% - 10px - 10px) !important;
- display: flex;
- border: none;
- flex-wrap: nowrap;
- }
- #hypesquad-online-tab .feature__78cce .icon_f28e38 {
- margin: 0;
- }
- #hypesquad-online-tab .title_d8b71c {
- font-size: 24px;
- line-height: 28px;
- font-weight: 600;
- margin-bottom: 10px;
- text-align: center;
- }
- #hypesquad-online-tab .description__2f445 {
- font-size: 12px;
- line-height: 16px;
- text-align: center;
- }
- #overview-tab [role=radiogroup]:has(.item_b7fb7e)[aria-orientation=vertical] {
- flex-direction: row;
- }
- #overview-tab [role=radiogroup]:has(.item_b7fb7e) .item_b7fb7e {
- width: 100%;
- }
- #overview-tab [role=radiogroup]:has(.item_b7fb7e) .item_b7fb7e [data-text-variant="text-md/medium"] {
- text-align: center;
- }
- .clickable__8d5ac {
- display: flex;
- align-items: center;
- }
- .clickable__8d5ac .availabilityIndicator__32891 {
- margin-top: 0;
- border-radius: 0;
- background: none;
- box-shadow: 0 0 1px var(--text-muted);
- align-items: center;
- }
- .clickable__8d5ac .availabilityIndicator__32891 .icon__0c3d6 {
- height: 12px;
- width: 12px;
- top: unset;
- }
- .clickable__8d5ac .availabilityIndicator__32891 .description_c7a3e9 {
- font-weight: 600;
- }
- .imageUploaderInner_da8332 {
- border-radius: 0;
- }
- .avatarUploaderInnerSquareDisabled__3cfd1 {
- background: var(--btn-grey);
- }
- .imageUploaderIcon__0c13b {
- border-radius: 0;
- }
- .select__0eb48 .title__7dcdc,
- .option_be8b2e .title__7dcdc {
- font-size: 14px;
- }
- #app-mount .divider__12403 {
- border-color: var(--background-modifier-accent-dark);
- }
- .divider__12403 {
- margin-top: 10px;
- padding-top: 10px;
- border-top: thin solid transparent;
- }
- #app-mount .contentRegion__0bec1 .contentRegionScroller__86c79:has(#roles-tab) {
- padding-top: 0;
- }
- .rolesTable__568ca .memberSpacing_f6f902 {
- display: none;
- }
- .roleRow_c357d5 {
- margin-left: 0;
- margin-right: 0;
- border-radius: 0;
- }
- .roleRow_c357d5::before, .roleRow_c357d5::after {
- opacity: 0;
- }
- .roleRow_c357d5:hover:not(.roleRowDisableHover__9fe35) {
- background: var(--background-accent);
- transition: background 0.2s linear;
- }
- .roleRow_c357d5 .dragIcon__003d3 {
- color: var(--brand-experiment);
- }
- .roleRow_c357d5 .roleIcon__2553c:has(path[d="M3.47 5.18c.27-.4.64-.74 1.1-.96l6.09-3.05a3 3 0 0 1 2.68 0l6.1 3.05A2.83 2.83 0 0 1 21 6.75v3.5a14.17 14.17 0 0 1-8.42 12.5c-.37.16-.79.16-1.16 0A14.18 14.18 0 0 1 3 9.77V6.75c0-.57.17-1.11.47-1.57Zm2.95 10.3A12.18 12.18 0 0 0 12 20.82a12.18 12.18 0 0 0 5.58-5.32A9.49 9.49 0 0 0 12.47 14h-.94c-1.88 0-3.63.55-5.11 1.49ZM12 13a4 4 0 1 0 0-8 4 4 0 0 0 0 8Z"]) {
- height: 47px;
- width: 49px;
- margin-top: 1px;
- margin-right: 12px;
- }
- .roleRow_c357d5 .roleIcon__2553c:has(path[d="M3.47 5.18c.27-.4.64-.74 1.1-.96l6.09-3.05a3 3 0 0 1 2.68 0l6.1 3.05A2.83 2.83 0 0 1 21 6.75v3.5a14.17 14.17 0 0 1-8.42 12.5c-.37.16-.79.16-1.16 0A14.18 14.18 0 0 1 3 9.77V6.75c0-.57.17-1.11.47-1.57Zm2.95 10.3A12.18 12.18 0 0 0 12 20.82a12.18 12.18 0 0 0 5.58-5.32A9.49 9.49 0 0 0 12.47 14h-.94c-1.88 0-3.63.55-5.11 1.49ZM12 13a4 4 0 1 0 0-8 4 4 0 0 0 0 8Z"]) path {
- d: path("M 22 0 L 0 0 L 0 22 L 22 22 Z M 11.001 5.999 C 12.382 5.999 13.501 7.118 13.501 8.499 C 13.501 9.88 12.382 10.999 11.001 10.999 C 9.62 10.999 8.501 9.88 8.501 8.499 C 8.501 7.118 9.62 5.999 11.001 5.999 Z M 7.251 16 C 7.251 13.699 8.7 12.25 11.001 12.25 C 13.302 12.25 14.751 13.699 14.751 16 H 7.251 Z");
- }
- .roleRow_c357d5 .roleName_adcb89 {
- font-weight: 400;
- margin-bottom: 20px;
- }
- .roleRow_c357d5 .memberCountContainer__9c91b {
- position: absolute;
- left: 0;
- margin-top: 22px;
- margin-left: 93px;
- color: var(--text-muted);
- }
- .roleRow_c357d5 .memberCountContainer__9c91b .text-md-normal__6a4eb {
- color: var(--text-muted);
- font-size: 12px;
- line-height: 22px;
- letter-spacing: 0.5px;
- text-transform: uppercase;
- font-weight: 700;
- }
- .roleRow_c357d5 .person__42ce2 {
- order: -1;
- margin-left: 0;
- margin-right: 4px;
- width: 16px;
- height: 16px;
- }
- .roleRow_c357d5:hover:not(.roleRowDisableHover__9fe35) .circleButton__29ce2 {
- background-color: var(--background-accent-hover);
- }
- .roleRow_c357d5 .circleButton__29ce2 {
- background: var(--btn-grey);
- color: var(--brand-experiment);
- transition: background 0.2s linear, box-shadow 0.2s ease-in-out;
- border-radius: 2px;
- }
- .roleRow_c357d5 .circleButton__29ce2:hover {
- background: var(--btn-grey-hover);
- box-shadow: var(--btn-grey-boxshadow);
- }
- #roles-tab .customScroller_f72801 > div {
- margin-left: 24px;
- margin-right: 24px;
- max-width: unset;
- min-width: unset;
- }
- #roles-tab .container_d5f6d0 {
- width: -moz-fit-content;
- width: fit-content;
- background: var(--background-accent);
- color: #fff;
- border-radius: 2px;
- padding: 16px 24px 16px 16px;
- }
- #roles-tab .container_d5f6d0 .icon__4c736 {
- background: none;
- }
- #roles-tab .container_d5f6d0 .description_ea43fc {
- margin-left: 12px;
- }
- #roles-tab .container_d5f6d0 .label_b37ab9,
- #roles-tab .container_d5f6d0 .text-xs-normal_ccc5fb {
- margin-bottom: 0;
- font-size: 14px;
- font-weight: 600;
- color: #fff;
- line-height: 18px;
- }
- #roles-tab .container_d5f6d0 .arrow_a1ef64 {
- margin-left: 12px;
- color: var(--brand-experiment);
- }
- #roles-tab .page__9db5c {
- min-width: unset;
- }
- #roles-tab .sidebar_bdf6b7 {
- margin-left: 24px;
- padding-top: 24px;
- flex: 0 0 208px !important;
- border-right: thin solid var(--background-modifier-accent-dark);
- }
- #roles-tab .sidebar_bdf6b7 .titleContainer_e558ff {
- padding: 0 0 10px 0;
- margin: 0;
- z-index: 2;
- background: none;
- }
- #roles-tab .sidebar_bdf6b7 .title__0cedc {
- height: 34px;
- padding: 8px 14px;
- border-radius: 2px;
- color: var(--text-lighter);
- background: var(--btn-grey);
- transition-property: background, box-shadow, color;
- transition-duration: 0.2s;
- transition-timing-function: ease-out;
- }
- #roles-tab .sidebar_bdf6b7 .title__0cedc:hover {
- background: var(--btn-grey-hover);
- color: #fff;
- box-shadow: var(--btn-grey-boxshadow);
- }
- #roles-tab .sidebar_bdf6b7 .title__0cedc svg {
- height: 18px;
- width: 18px;
- color: var(--brand-experiment);
- }
- #roles-tab .sidebar_bdf6b7 .title__0cedc .titleText__2ee04 {
- font-size: 14px;
- font-weight: 400;
- text-transform: capitalize;
- }
- #roles-tab .sidebar_bdf6b7 .addRole__15998 {
- display: flex;
- align-items: center;
- justify-content: center;
- width: 34px;
- height: 34px;
- border-radius: 2px;
- margin-right: 10px;
- color: var(--brand-experiment);
- background: var(--btn-grey);
- transition-property: background, box-shadow;
- transition-duration: 0.2s;
- transition-timing-function: ease-out;
- }
- #roles-tab .sidebar_bdf6b7 .addRole__15998:hover {
- background: var(--btn-grey-hover);
- box-shadow: var(--btn-grey-boxshadow);
- }
- #roles-tab .sidebar_bdf6b7 .list__41249 {
- padding: 0;
- overflow: scroll auto !important;
- }
- #roles-tab .sidebar_bdf6b7 .row__5f051 {
- margin: 0;
- border-radius: 0;
- --interactive-active: var(--header-secondary);
- }
- #roles-tab .sidebar_bdf6b7 .row__5f051:hover:not(.selected__5711d) {
- background: var(--contextmenu-text);
- --interactive-hover: var(--background-accent);
- --interactive-active: var(--background-accent);
- --header-primary: var(--background-accent);
- }
- #roles-tab .sidebar_bdf6b7 .row__5f051.selected__5711d {
- background: var(--background-accent);
- color: #fff;
- --header-primary: #fff;
- --interactive-active: #fff;
- }
- #roles-tab .contentWidth_b55791 {
- margin-right: 0;
- max-width: unset;
- width: 100%;
- padding-right: 24px;
- }
- #roles-tab .header__63c59 {
- margin-left: 0;
- padding: 24px 0 0 0;
- margin-right: 0;
- background: var(--background-tertiary);
- }
- #roles-tab .titleContainer__2370f {
- margin-bottom: 10px;
- }
- #roles-tab .titleContainer__2370f .titleText_c58c2c {
- text-transform: capitalize;
- }
- #roles-tab .warning__9db16 {
- margin-bottom: 10px;
- }
- #roles-tab .warning__9db16 .text-sm-medium_bc6ffc {
- font-weight: 400;
- }
- #roles-tab .container_de00a3 {
- border-radius: 2px;
- padding: 10px;
- font-weight: 400;
- }
- #roles-tab .top__592a7 {
- --btn-count: 4;
- background: var(--darker-grey);
- border-radius: 2px;
- padding: 0;
- margin: 0;
- gap: 0;
- display: flex;
- flex-direction: row;
- position: relative;
- box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.6666666667);
- border-bottom: none;
- }
- #roles-tab .top__592a7 .item__48dda {
- background: none;
- margin: 0;
- display: flex;
- flex: 0 1 calc(100% / var(--btn-count));
- justify-content: center;
- border-bottom: none;
- padding: 0;
- height: 34px;
- padding: 8px 14px;
- font-size: 14px;
- font-weight: 400;
- }
- #roles-tab .top__592a7 .item__48dda:not(.selected__5711d):hover {
- background: var(--btn-grey);
- }
- #roles-tab .top__592a7::before {
- content: "";
- position: absolute;
- height: 100%;
- width: calc(100% / var(--btn-count));
- background: var(--btn-grey-hover);
- transition: translate 0.2s ease;
- border-radius: 2px;
- }
- #roles-tab .top__592a7:has(.selected__5711d:nth-child(2)):before {
- translate: 100%;
- }
- #roles-tab .top__592a7:has(.selected__5711d:nth-child(3)):before {
- translate: 200%;
- }
- #roles-tab .top__592a7:has(.selected__5711d:nth-child(4)):before {
- translate: 300%;
- }
- #roles-tab .notice_d6d405 {
- padding: 0;
- border-radius: 0;
- background: none;
- }
- #roles-tab .notice_d6d405 .noticeIcon__7069b {
- height: 18px;
- width: 18px;
- margin-right: 4px;
- color: var(--info-warning-foreground);
- }
- #roles-tab .notice_d6d405 [data-text-variant="text-sm/normal"] {
- font-size: 13px;
- line-height: 18px;
- font-weight: 400;
- }
- #roles-tab .notice_d6d405 .defaultColor__77578 {
- color: var(--text-muted);
- }
- #roles-tab .searchContainer_bdd25a {
- margin-top: 10px;
- }
- #roles-tab .searchContainer_bdd25a .container__7712a {
- padding: 0 8px;
- border-radius: 2px;
- overflow: hidden;
- background: none;
- transition-property: background, box-shadow;
- transition-duration: 0.2s;
- transition-timing-function: ease-out;
- }
- #roles-tab .searchContainer_bdd25a .container__7712a input::-moz-placeholder {
- color: #fff;
- font-size: 16px;
- line-height: 20px;
- font-weight: 600;
- }
- #roles-tab .searchContainer_bdd25a .container__7712a input,
- #roles-tab .searchContainer_bdd25a .container__7712a input::placeholder {
- color: #fff;
- font-size: 16px;
- line-height: 20px;
- font-weight: 600;
- }
- #roles-tab .searchContainer_bdd25a .container__7712a:hover:not(:focus, :focus-within) {
- background: var(--btn-grey-hover);
- box-shadow: var(--btn-grey-boxshadow);
- }
- #roles-tab .searchContainer_bdd25a .container__7712a:focus, #roles-tab .searchContainer_bdd25a .container__7712a:focus-within {
- background: var(--btn-grey);
- }
- #roles-tab .searchContainer_bdd25a .container__7712a .iconLayout__6d744.medium__0fb5d,
- #roles-tab .searchContainer_bdd25a .container__7712a .medium__0fb5d .iconContainer__3af05 {
- height: 18px;
- width: 18px;
- }
- #roles-tab .searchContainer_bdd25a .container__7712a svg {
- color: var(--brand-experiment);
- }
- #roles-tab .clearButtonWrapper__72a1c {
- position: relative;
- top: unset;
- }
- #emoji-tab .title__9bb94 {
- margin-bottom: 0;
- padding-top: 8px;
- padding-left: 8px;
- display: flex;
- align-items: center;
- gap: 4px;
- }
- #emoji-tab .title__9bb94 span {
- color: var(--text-muted);
- }
- #emoji-tab .title__9bb94::after {
- content: "";
- height: 2px;
- margin: 0 10px 0 10px;
- background: var(--background-modifier-accent-compat);
- display: flex;
- flex-grow: 1;
- }
- .emojiTable_dd50d1 {
- padding-top: 8px;
- padding-left: 8px;
- margin-bottom: 0;
- }
- .emojiTable_dd50d1 .description__7af71 {
- margin-bottom: 0;
- }
- .emojiTable_dd50d1 .columnLabel_bb8404 {
- flex-basis: 40%;
- }
- .emojiRow__4661c {
- padding: 6px 8px;
- height: 58px;
- box-shadow: none;
- }
- .emojiRow__4661c:hover {
- background: var(--background-accent);
- transition: background 0.2s linear;
- }
- .emojiRow__4661c:hover .emojiInput__4fe54:not(:focus, :focus-within),
- .emojiRow__4661c:hover .emojiRemove_b299a6 {
- background-color: var(--background-accent-hover);
- transition: background 0.2s linear;
- }
- .emojiRow__4661c .emojiColumn_c4b43c {
- flex-basis: unset;
- }
- .emojiRow__4661c .emojiImage__841ea {
- height: 45px;
- width: 45px;
- margin-right: 12px;
- }
- .emojiRow__4661c .emojiAliasInput_dd55f7 .emojiInput__4fe54 {
- opacity: 1;
- }
- .emojiRow__4661c .emojiAliasPlaceholder__71733 {
- display: none;
- }
- .emojiRow__4661c:not(:hover) .input_d266e7 {
- background: none;
- }
- .emojiRow__4661c .avatar__970c7 {
- bottom: 2px;
- }
- .emojiRow__4661c .wrapper_edb6e0::before {
- display: none;
- }
- .emojiRow__4661c .emojiRowText__5e305 {
- font-size: 12px;
- line-height: 22px;
- letter-spacing: 0.5px;
- text-transform: uppercase;
- font-weight: 700;
- }
- .emojiRow__4661c .emojiRemove_b299a6 {
- position: relative;
- top: unset;
- right: unset;
- opacity: 1;
- margin: 8px;
- border-radius: 2px;
- box-shadow: none;
- background-color: var(--background-accent);
- flex-shrink: 0;
- }
- .emojiRow__4661c:has(.emojiRemove_b299a6:hover) {
- background: var(--status-danger);
- }
- .emojiRow__4661c:has(.emojiRemove_b299a6:hover) .emojiInput__4fe54 {
- background: none;
- }
- #app-mount .background__3dd67 {
- color: var(--btn-grey);
- }
- #app-mount .tierInProgress_f08e8b {
- background-color: var(--brand-experiment);
- }
- #app-mount .tierBody__615a1 {
- background: none;
- }
- #app-mount .tierHeaderLocked__4d099,
- #app-mount .tierHeaderUnlocked_cc60fa {
- background: none;
- }
- #stickers-tab .upsellContainer__12e24 {
- display: none;
- }
- #stickers-tab .divider__2bbbc {
- display: none;
- }
- #stickers-tab .tiers__13b89 {
- margin-left: 38px;
- width: calc(100% - 96px - 20px);
- }
- .tierHeaderContent__27033 {
- padding: 16px 0 16px 0;
- }
- .tierHeaderContent__27033::after {
- content: "";
- height: 2px;
- margin: 0 10px 0 10px;
- background: var(--background-modifier-accent-compat);
- display: flex;
- flex-grow: 1;
- order: -1;
- }
- .tierHeader__5bf89 {
- background: none;
- }
- .tierTitle__25723 {
- width: -moz-fit-content;
- width: fit-content;
- flex-grow: 0;
- order: -3;
- white-space: nowrap;
- color: var(--header-primary);
- }
- .tierTitle__25723 h3,
- .tierTitle__25723 [data-text-variant="text-xs/normal"] {
- white-space: nowrap;
- }
- .tierTitle__25723 [data-text-variant="text-xs/normal"] {
- color: var(--header-secondary);
- }
- .tierIcon__2ac8f {
- height: 24px;
- width: 24px;
- margin: 4px 4px 4px 0;
- order: -4;
- }
- .tierIconLocked_c2f292 {
- color: var(--brand-experiment);
- }
- .tierRequirement_c03194 {
- font-size: 16px;
- font-weight: 600;
- line-height: 20px;
- color: var(--text-muted);
- margin-left: 8px;
- order: -2;
- }
- .tierLock__3e43d {
- width: 24px;
- height: 24px;
- margin-left: 0;
- color: var(--info-warning-foreground);
- }
- #integrations-tab .breadcrumbs__97f80 {
- margin-bottom: 0;
- }
- #integrations-tab .divider__5825b {
- margin: 10px 0;
- }
- #integrations-tab .cardPrimary_cb7a0e:has(.iconWrapper__8fbb1) {
- border-radius: 0;
- margin: 0;
- border: none;
- padding: 6px 8px;
- min-height: 58px;
- }
- #integrations-tab .cardPrimary_cb7a0e:has(.iconWrapper__8fbb1):hover, #integrations-tab .cardPrimary_cb7a0e:has(.iconWrapper__8fbb1):has(.body_f9f4de) {
- background: var(--background-accent);
- transition: background 0.2s linear;
- }
- #integrations-tab .cardPrimary_cb7a0e:has(.iconWrapper__8fbb1):hover .iconWrapper__8fbb1, #integrations-tab .cardPrimary_cb7a0e:has(.iconWrapper__8fbb1):has(.body_f9f4de) .iconWrapper__8fbb1 {
- background-color: var(--background-accent-hover);
- transition: background 0.2s linear;
- }
- #integrations-tab .cardPrimary_cb7a0e:has(.iconWrapper__8fbb1):hover .button_afdfd9.lookFilled__19298.colorBrand_b2253e.sizeSmall__71a98.grow__4c8a4, #integrations-tab .cardPrimary_cb7a0e:has(.iconWrapper__8fbb1):has(.body_f9f4de) .button_afdfd9.lookFilled__19298.colorBrand_b2253e.sizeSmall__71a98.grow__4c8a4 {
- background-color: var(--background-accent-hover);
- transition: background 0.2s linear, box-shadow 0.2s ease-in-out;
- }
- #integrations-tab .cardPrimary_cb7a0e:has(.iconWrapper__8fbb1) .header_ffa8f0 {
- padding: 0;
- }
- #integrations-tab .cardPrimary_cb7a0e:has(.iconWrapper__8fbb1) .iconWrapper__8fbb1 {
- border-radius: 0;
- height: 45px;
- width: 98px;
- -o-object-fit: scale-down;
- object-fit: scale-down;
- background: var(--background-accent);
- }
- #integrations-tab .cardPrimary_cb7a0e:has(.iconWrapper__8fbb1) .iconWrapper__8fbb1 svg {
- height: 18px;
- width: 18px;
- color: #fff;
- }
- #integrations-tab .cardPrimary_cb7a0e:has(.iconWrapper__8fbb1) .secondaryHeader_d4649b {
- font-weight: 400;
- }
- #integrations-tab .cardPrimary_cb7a0e:has(.iconWrapper__8fbb1) .detailsWrapper__55091 {
- margin-top: 0;
- align-items: center;
- --header-secondary: var(--text-muted);
- }
- #integrations-tab .cardPrimary_cb7a0e:has(.iconWrapper__8fbb1) .detailsWrapper__55091 .detailsIcon_a2b4b5 + [data-text-variant="text-xs/normal"] {
- color: var(--text-muted);
- font-size: 12px;
- line-height: 22px;
- letter-spacing: 0.5px;
- text-transform: uppercase;
- font-weight: 700;
- }
- #integrations-tab .cardPrimary_cb7a0e:has(.iconWrapper__8fbb1) .detailsIcon_a2b4b5 {
- color: var(--text-muted);
- }
- #integrations-tab .cardPrimary_cb7a0e:has(.iconWrapper__8fbb1) .feature_fc2be4 {
- margin-right: 8px;
- }
- #integrations-tab .cardPrimary_cb7a0e:has(.iconWrapper__8fbb1) .featureIcon_c000e2 {
- color: var(--brand-experiment);
- }
- #integrations-tab .sectionHeader__77d13 {
- margin-bottom: 0;
- padding-top: 8px;
- padding-left: 8px;
- }
- #integrations-tab .headerDivider_fe7595 {
- margin: 0 0 10px 0;
- }
- #integrations-tab .groupHeader__78162 {
- text-transform: capitalize;
- font-size: 16px;
- line-height: 20px;
- font-weight: 600;
- letter-spacing: 0;
- }
- #integrations-tab .expandIcon__23ec9 {
- color: var(--brand-experiment);
- margin: 8px;
- }
- #integrations-tab .body_f9f4de {
- margin-top: 6px;
- background: var(--background-tertiary);
- padding: 24px;
- }
- #integrations-tab .topDivider_fc535d {
- display: none;
- }
- #integrations-tab .bottomDivider_a9003f {
- margin: 10px 0;
- }
- #integrations-tab .iconWrapper__8fbb1 {
- background: none;
- width: 48px;
- height: 48px;
- border-radius: 0;
- }
- .applicationPermissions__86558 .card__10f25 {
- margin-bottom: 10px;
- padding: 8px 24px 10px 16px;
- background: var(--btn-grey);
- border-radius: 2px;
- }
- .applicationPermissions__86558 .cardHeader__27283 {
- background: none;
- padding: 0;
- }
- .applicationPermissions__86558 .cardHeader__27283 .title__0731c {
- font-size: 16px;
- font-weight: 400;
- line-height: 20px;
- margin-bottom: 10px;
- }
- .applicationPermissions__86558 .entryItem__209af .listContainer__2ae72 {
- padding: 0;
- }
- .applicationPermissions__86558 .entryItem__209af [data-text-variant="text-md/normal"] {
- font-size: 13px;
- line-height: 18px;
- font-weight: 400;
- --header-primary: var(--header-secondary);
- }
- .applicationPermissions__86558 .entryItem__209af .channelIcon__1a6f7 {
- color: var(--header-secondary);
- }
- .applicationPermissions__86558 .entryItem__209af .image_cd9606 {
- height: 18px;
- width: 18px;
- margin-right: 4px;
- min-width: unset;
- }
- .applicationPermissions__86558 .entryActions__6391b {
- order: -1;
- margin-right: 10px;
- }
- .applicationPermissions__86558 .entryActions__6391b .deny_c46df5 {
- border-top-left-radius: 2px;
- border-bottom-left-radius: 2px;
- }
- .applicationPermissions__86558 .entryActions__6391b .allow__6f2d0 {
- border-top-right-radius: 2px;
- border-bottom-right-radius: 2px;
- }
- .changelog__6d46d {
- background: none;
- border-radius: 0;
- margin-top: 0;
- padding: 0;
- }
- .changelog__6d46d .updatesHeader__80871 {
- margin-bottom: 10px;
- font-size: 24px;
- line-height: 36px;
- font-weight: 300;
- letter-spacing: 2px;
- text-transform: uppercase;
- }
- .changelog__6d46d [data-text-variant="text-sm/medium"] {
- font-size: 13px;
- line-height: 18px;
- font-weight: 400;
- margin-bottom: 10px;
- --header-secondary: var(--text-muted);
- }
- .safetyChecklist__826c8 {
- background: none;
- }
- .safetyChecklist__826c8 .divider__150fc {
- display: none;
- }
- .safetyChecklist__826c8 .safetyStepRow__3a1e7 {
- padding: 8px 24px 10px 16px;
- background: var(--btn-grey);
- border-radius: 2px;
- margin-bottom: 10px;
- }
- .safetyChecklist__826c8 .wrapper_edb6e0::before {
- display: none;
- }
- .safetyChecklist__826c8 [data-text-variant="heading-md/semibold"] {
- font-size: 16px;
- font-weight: 400;
- line-height: 20px;
- }
- .safetyChecklist__826c8 [data-text-variant="text-xs/medium"] {
- font-size: 13px;
- line-height: 18px;
- font-weight: 400;
- }
- #safety-tab .header_a82409 {
- position: sticky;
- display: flex;
- align-items: center;
- top: 0;
- padding: 32px 24px;
- margin-left: -24px;
- z-index: 10;
- transform: translateY(calc(var(--header-padding) * -1 + 8.5px + 18px));
- background: linear-gradient(to bottom, var(--background-tertiary) calc(100% - 24px), transparent 100%);
- font-size: 22px;
- line-height: 24px;
- font-weight: 700;
- margin-bottom: 0;
- }
- #safety-tab .back__04432,
- #onboarding-tab .back__04432 {
- margin-top: 19px;
- padding: 8px 14px;
- border-radius: 2px;
- --interactive-normal: var(--text-lighter);
- background: var(--btn-grey);
- transition-property: background, box-shadow;
- transition-duration: 0.2s;
- transition-timing-function: ease-out;
- }
- #safety-tab .back__04432:hover,
- #onboarding-tab .back__04432:hover {
- background: var(--btn-grey-hover);
- --interactive-normal: #fff;
- box-shadow: var(--btn-grey-boxshadow);
- }
- #safety-tab .back__04432 .backButton__54768:hover,
- #onboarding-tab .back__04432 .backButton__54768:hover {
- text-decoration: none;
- }
- #safety-tab .back__04432 svg,
- #onboarding-tab .back__04432 svg {
- color: var(--brand-experiment);
- }
- #safety-tab .back__04432 [data-text-variant="text-sm/semibold"],
- #onboarding-tab .back__04432 [data-text-variant="text-sm/semibold"] {
- font-size: 16px;
- line-height: 20px;
- font-weight: 700;
- }
- #safety-tab .back__04432 + div > [data-text-variant="heading-lg/semibold"],
- #onboarding-tab .back__04432 + div > [data-text-variant="heading-lg/semibold"] {
- margin-bottom: 10px;
- font-size: 24px;
- line-height: 36px;
- font-weight: 300;
- letter-spacing: 2px;
- color: #fff;
- text-transform: uppercase;
- }
- #safety-tab .simpleItemWrapper__2a0a0,
- #onboarding-tab .simpleItemWrapper__2a0a0 {
- padding: 8px 24px 10px 16px;
- background: var(--btn-grey);
- border-radius: 2px;
- margin-bottom: 10px;
- }
- #safety-tab .itemContent_e64b49 [data-text-variant="text-md/semibold"],
- #onboarding-tab .itemContent_e64b49 [data-text-variant="text-md/semibold"] {
- font-size: 16px;
- font-weight: 400;
- line-height: 20px;
- }
- #safety-tab .itemContent_e64b49 [data-text-variant="text-sm/medium"],
- #onboarding-tab .itemContent_e64b49 [data-text-variant="text-sm/medium"] {
- font-weight: 400;
- }
- #safety-tab .editCard_dfa091,
- #onboarding-tab .editCard_dfa091 {
- padding: 8px 24px 10px 16px;
- background: var(--btn-grey);
- border-radius: 2px;
- }
- #safety-tab .editCard_dfa091:hover, #safety-tab .editCard_dfa091.toggled_bf7bde,
- #onboarding-tab .editCard_dfa091:hover,
- #onboarding-tab .editCard_dfa091.toggled_bf7bde {
- background: var(--background-accent);
- transition: background 0.2s linear;
- }
- #safety-tab .editCard_dfa091:hover .innerHeader_cec666 .container__871ba:not(.checked__6bdb0), #safety-tab .editCard_dfa091.toggled_bf7bde .innerHeader_cec666 .container__871ba:not(.checked__6bdb0),
- #onboarding-tab .editCard_dfa091:hover .innerHeader_cec666 .container__871ba:not(.checked__6bdb0),
- #onboarding-tab .editCard_dfa091.toggled_bf7bde .innerHeader_cec666 .container__871ba:not(.checked__6bdb0) {
- background-color: var(--background-accent-hover) !important;
- transition: background-color 0.2s linear;
- }
- #safety-tab .editCard_dfa091:hover .innerHeader_cec666 .input_d266e7:not(:focus, .input_d266e7:focus-within), #safety-tab .editCard_dfa091.toggled_bf7bde .innerHeader_cec666 .input_d266e7:not(:focus, .input_d266e7:focus-within),
- #onboarding-tab .editCard_dfa091:hover .innerHeader_cec666 .input_d266e7:not(:focus, .input_d266e7:focus-within),
- #onboarding-tab .editCard_dfa091.toggled_bf7bde .innerHeader_cec666 .input_d266e7:not(:focus, .input_d266e7:focus-within) {
- background: var(--background-accent-hover);
- transition: background-color 0.2s linear;
- }
- #safety-tab .editCard_dfa091:hover .innerHeader_cec666 .lookFilled__19298.colorBrand_b2253e, #safety-tab .editCard_dfa091.toggled_bf7bde .innerHeader_cec666 .lookFilled__19298.colorBrand_b2253e,
- #onboarding-tab .editCard_dfa091:hover .innerHeader_cec666 .lookFilled__19298.colorBrand_b2253e,
- #onboarding-tab .editCard_dfa091.toggled_bf7bde .innerHeader_cec666 .lookFilled__19298.colorBrand_b2253e {
- background: var(--background-accent-hover);
- transition: background-color 0.2s linear;
- }
- #safety-tab .editCard_dfa091:not(:last-child),
- #onboarding-tab .editCard_dfa091:not(:last-child) {
- margin-bottom: 10px;
- }
- #safety-tab .editCard_dfa091:before,
- #onboarding-tab .editCard_dfa091:before {
- display: none;
- }
- #safety-tab .editCard_dfa091 .ruleIconContainer_baf164,
- #onboarding-tab .editCard_dfa091 .ruleIconContainer_baf164 {
- border-radius: 0;
- background: none;
- }
- #safety-tab .editCard_dfa091 .ruleIconContainer_baf164 .ruleIcon__44d2b,
- #onboarding-tab .editCard_dfa091 .ruleIconContainer_baf164 .ruleIcon__44d2b {
- color: var(--brand-experiment);
- }
- #safety-tab .editCard_dfa091 .ruleTextHeader_e604c5,
- #onboarding-tab .editCard_dfa091 .ruleTextHeader_e604c5 {
- font-size: 16px;
- font-weight: 400;
- line-height: 20px;
- }
- #safety-tab .editCard_dfa091 .ruleTextDescription_ee2a28,
- #onboarding-tab .editCard_dfa091 .ruleTextDescription_ee2a28 {
- line-height: 18px;
- }
- #safety-tab .editCard_dfa091 .actionContainer_d21d10,
- #onboarding-tab .editCard_dfa091 .actionContainer_d21d10 {
- background: rgba(0, 0, 0, 0.2);
- border-radius: 2px;
- padding: 0 6px;
- height: 20px;
- }
- #safety-tab .editCard_dfa091 .actionIconContainer__24323,
- #onboarding-tab .editCard_dfa091 .actionIconContainer__24323 {
- height: 12px;
- width: 12px;
- margin-right: 4px;
- }
- #safety-tab .editCard_dfa091 .actionTextContainer__798bc,
- #onboarding-tab .editCard_dfa091 .actionTextContainer__798bc {
- font-weight: 400;
- }
- #safety-tab .editCard_dfa091 .valuePill__9d21a,
- #onboarding-tab .editCard_dfa091 .valuePill__9d21a {
- background: rgba(0, 0, 0, 0.2);
- border-radius: 2px;
- padding: 0 6px;
- height: 20px;
- font-weight: 400;
- }
- #safety-tab .editCard_dfa091 .mainContainer_e09640,
- #onboarding-tab .editCard_dfa091 .mainContainer_e09640 {
- padding: 0;
- }
- #safety-tab .editCard_dfa091 .itemWrapper__75865,
- #onboarding-tab .editCard_dfa091 .itemWrapper__75865 {
- padding: 0;
- }
- #safety-tab .editCard_dfa091 .itemBodyContainer__5350a,
- #onboarding-tab .editCard_dfa091 .itemBodyContainer__5350a {
- padding: 6px 0 0 0;
- }
- #safety-tab .editCard_dfa091 .itemBodyInner__9d69d,
- #onboarding-tab .editCard_dfa091 .itemBodyInner__9d69d {
- border: none;
- border-radius: 0;
- background: var(--background-tertiary);
- padding: 24px;
- gap: 10px;
- }
- #safety-tab .editCard_dfa091 .fieldBackground_b79764:not(textarea),
- #onboarding-tab .editCard_dfa091 .fieldBackground_b79764:not(textarea) {
- padding: 8px 24px 10px 16px;
- background: var(--btn-grey);
- border-radius: 2px;
- border: none;
- }
- #safety-tab .editCard_dfa091 .containerFooter_c8da8a,
- #onboarding-tab .editCard_dfa091 .containerFooter_c8da8a {
- background: none;
- padding: 0 24px 24px 24px;
- border-bottom-left-radius: 0;
- border-bottom-right-radius: 0;
- }
- #safety-tab .editCard_dfa091 .backgroundContainer__06189,
- #onboarding-tab .editCard_dfa091 .backgroundContainer__06189 {
- background: var(--background-tertiary);
- border-radius: 0;
- }
- #safety-tab .editCard_dfa091 .rulesScreeningItems__0ba16 > div,
- #onboarding-tab .editCard_dfa091 .rulesScreeningItems__0ba16 > div {
- border: none;
- }
- #safety-tab .editCard_dfa091 .containerPadding_cfd5a0,
- #onboarding-tab .editCard_dfa091 .containerPadding_cfd5a0 {
- padding: 24px;
- }
- #safety-tab .editCard_dfa091 .spacingContainer__99218 + .spacingContainer__99218,
- #onboarding-tab .editCard_dfa091 .spacingContainer__99218 + .spacingContainer__99218 {
- margin-top: 10px;
- }
- #safety-tab .editCard_dfa091 .cardContentsContainer__7b57a,
- #safety-tab .editCard_dfa091 .cardContentsContainer__6d2b5,
- #onboarding-tab .editCard_dfa091 .cardContentsContainer__7b57a,
- #onboarding-tab .editCard_dfa091 .cardContentsContainer__6d2b5 {
- margin: 6px 0 0 0;
- padding: 0;
- }
- #safety-tab .editCard_dfa091 .triggerContainer__72e17,
- #onboarding-tab .editCard_dfa091 .triggerContainer__72e17 {
- background: var(--background-tertiary);
- padding: 24px;
- }
- #safety-tab .editCard_dfa091 .triggerCounterContainer__4bd32,
- #onboarding-tab .editCard_dfa091 .triggerCounterContainer__4bd32 {
- margin: 0 10px 0 0;
- }
- #safety-tab .editCard_dfa091 .stepCountIcon_a27a70,
- #onboarding-tab .editCard_dfa091 .stepCountIcon_a27a70 {
- border-radius: 0;
- background: none;
- height: 30px;
- width: 30px;
- }
- #safety-tab .editCard_dfa091 .stepCount__6c08c,
- #onboarding-tab .editCard_dfa091 .stepCount__6c08c {
- font-size: 18px;
- font-weight: 700;
- color: var(--brand-experiment);
- }
- #safety-tab .editCard_dfa091 .triggerMainContainer_c5139b,
- #onboarding-tab .editCard_dfa091 .triggerMainContainer_c5139b {
- border-radius: 0;
- border: none;
- padding: 0;
- }
- #safety-tab .input_f4043f,
- #onboarding-tab .input_f4043f {
- font-size: 14px;
- font-weight: 300;
- line-height: 22px;
- border-radius: 2px;
- background: var(--btn-grey);
- border: none;
- transition: none;
- }
- #safety-tab .input_f4043f:hover,
- #onboarding-tab .input_f4043f:hover {
- background: var(--btn-grey-hover-light);
- }
- #safety-tab .input_f4043f:focus, #safety-tab .input_f4043f:focus-within,
- #onboarding-tab .input_f4043f:focus,
- #onboarding-tab .input_f4043f:focus-within {
- background: var(--background-modifier-accent-dark);
- box-shadow: inset 1px 1px 4px rgba(0, 0, 0, 0.6666666667);
- }
- .keywordsTextArea_d5eadb,
- .textArea__3f404 {
- font-size: 14px;
- font-weight: 300;
- line-height: 22px;
- border-radius: 2px;
- background: var(--btn-grey);
- border: none;
- transition: none;
- }
- .keywordsTextArea_d5eadb:hover,
- .textArea__3f404:hover {
- background: var(--btn-grey-hover-light);
- }
- .keywordsTextArea_d5eadb:focus, .keywordsTextArea_d5eadb:focus-within,
- .textArea__3f404:focus,
- .textArea__3f404:focus-within {
- background: var(--background-modifier-accent-dark);
- box-shadow: inset 1px 1px 4px rgba(0, 0, 0, 0.6666666667);
- }
- .collapseable__71e46 {
- background: none;
- border-radius: 0;
- padding: 10px 0 0 0;
- border-top: thin solid var(--background-modifier-accent-dark);
- }
- .collapseable__71e46::before {
- display: none;
- }
- .collapseable__71e46:active, .collapseable__71e46.toggled_bb1607:active {
- background: none;
- }
- .collapseable__71e46 .arrow__23c57,
- .collapseable__71e46 .arrow_ad7862 {
- color: var(--brand-experiment);
- }
- .collapseable_ffe038 {
- margin-top: 10px;
- }
- .collapseable__71e46:not(:last-child) {
- margin-bottom: 10px;
- }
- .collapseable__0c992 {
- margin-top: 0;
- }
- .dividierIcon__05be9 {
- color: var(--brand-experiment);
- }
- .actionContainer__51bd9,
- .keywordListContainer_fdf41c {
- padding: 8px 24px 10px 16px;
- background: var(--btn-grey);
- border-radius: 2px;
- }
- .actionContainer__51bd9:not(:last-child),
- .keywordListContainer_fdf41c:not(:last-child) {
- margin-bottom: 10px;
- }
- .sidebarRegion__60457:has(.selected__5711d[aria-controls=audit_log-tab]) + .contentRegion__0bec1 {
- overflow: hidden overlay !important;
- }
- .sidebarRegion__60457:has(.selected__5711d[aria-controls=audit_log-tab]) + .contentRegion__0bec1 .scroller__502b1 {
- overflow: hidden overlay !important;
- }
- .sidebarRegion__60457:has(.selected__5711d[aria-controls=audit_log-tab]) + .contentRegion__0bec1 .customHeader__11c0b {
- position: sticky;
- display: flex;
- align-items: center;
- top: 0;
- padding: 32px 24px;
- margin-left: -24px;
- z-index: 10;
- transform: translateY(calc(var(--header-padding) * -1 + 8.5px + 18px));
- background: linear-gradient(to bottom, var(--background-tertiary) calc(100% - 24px), transparent 100%);
- justify-content: left;
- }
- .sidebarRegion__60457:has(.selected__5711d[aria-controls=audit_log-tab]) + .contentRegion__0bec1 .customHeader__11c0b h2 {
- font-size: 22px;
- line-height: 24px;
- font-weight: 700;
- margin-bottom: 0;
- flex-grow: 0;
- white-space: nowrap;
- margin-right: 10px;
- }
- .sidebarRegion__60457:has(.selected__5711d[aria-controls=audit_log-tab]) + .contentRegion__0bec1 .divider_a26031 {
- display: none;
- }
- .auditLog__6c805 {
- border: none;
- border-radius: 0;
- }
- .auditLog__6c805:hover, .auditLog__6c805:has(.headerExpanded__03c29) {
- background: var(--background-accent);
- transition: background 0.2s linear;
- }
- .auditLog__6c805:has(.typeDelete__1e939) .title_cbda04 {
- color: var(--status-danger);
- }
- .auditLog__6c805:has(.typeUpdate__7c320) .title_cbda04 {
- color: var(--info-warning-foreground);
- }
- .auditLog__6c805:has(.typeCreate__18a1f) .title_cbda04 {
- color: var(--status-online);
- }
- .auditLog__6c805 .header_e08fd2 {
- padding: 6px 8px;
- height: 58px;
- background: none;
- }
- .auditLog__6c805 .headerClickable_c4d7a9 {
- color: var(--text-muted);
- }
- .auditLog__6c805 .timeWrap__554d7 {
- margin: 0 0 0 12px;
- }
- .auditLog__6c805 .userHook_b1bf70 .defaultColor__77578 {
- color: var(--header-primary);
- }
- .auditLog__6c805 .timestamp__2f935 {
- color: var(--text-muted);
- font-size: 12px;
- line-height: 22px;
- letter-spacing: 0.5px;
- text-transform: uppercase;
- font-weight: 700;
- display: flex;
- align-items: center;
- }
- .auditLog__6c805 .timestamp__2f935::before {
- content: "";
- display: block;
- width: 16px;
- height: 16px;
- -webkit-mask: url(https://maendisease.github.io/Steam/illustrations/icns/clock.svg);
- mask: url(https://maendisease.github.io/Steam/illustrations/icns/clock.svg);
- background: var(--text-muted);
- margin-right: 4px;
- }
- .auditLog__6c805 .expand__7369a {
- margin: 8px;
- }
- .auditLog__6c805 .expand__7369a .expandForeground_c53c75 {
- stroke: var(--brand-experiment) !important;
- }
- .auditLog__6c805 .divider__1505d {
- display: none;
- }
- #app-mount .headerExpanded__03c29 {
- color: var(--header-secondary);
- }
- #app-mount .changeDetails_ecd760 {
- background: var(--background-tertiary);
- margin: 0 8px 6px 8px;
- padding: 24px;
- }
- #app-mount .changeDetails_ecd760 .detail__8b8e8:first-child {
- margin-top: 0;
- }
- #app-mount .changeDetails_ecd760 .detail__8b8e8 {
- margin: 10px 0 0 0;
- }
- #app-mount .changeDetails_ecd760 .change_e04e1b {
- font-size: 14px;
- line-height: 18px;
- color: var(--header-secondary);
- }
- #app-mount .changeDetails_ecd760 .subListItem__6cf39 {
- margin: 0;
- color: var(--header-primary);
- }
- .container__7b3c6 {
- gap: 0;
- padding: 0 24px 24px 24px;
- width: unset;
- }
- .container__7b3c6 .sectionTitle_e32631 .title__3e421 {
- position: sticky;
- display: flex;
- align-items: center;
- top: 0;
- padding: 32px 24px;
- margin-left: -24px;
- z-index: 10;
- transform: translateY(calc(var(--header-padding) * -1 + 8.5px + 18px));
- background: linear-gradient(to bottom, var(--background-tertiary) calc(100% - 24px), transparent 100%);
- font-size: 22px;
- line-height: 24px;
- font-weight: 700;
- margin-bottom: 0;
- }
- .bansSearchContainer_c0a0ae {
- gap: 16px;
- }
- .bansSearchContainer_c0a0ae .searchBar_b46f4f {
- border-radius: 2px;
- transition-property: background, box-shadow;
- transition-duration: 0.2s;
- transition-timing-function: ease-out;
- }
- .bansSearchContainer_c0a0ae .searchBar_b46f4f .icon__37cc1 {
- color: var(--brand-experiment);
- }
- .bansSearchContainer_c0a0ae .searchBar_b46f4f input::-moz-placeholder {
- color: #fff;
- font-size: 16px;
- line-height: 20px;
- font-weight: 600;
- }
- .bansSearchContainer_c0a0ae .searchBar_b46f4f input,
- .bansSearchContainer_c0a0ae .searchBar_b46f4f input::placeholder {
- color: #fff;
- font-size: 16px;
- line-height: 20px;
- font-weight: 600;
- }
- .bansSearchContainer_c0a0ae .searchBar_b46f4f:hover:not(:focus, :focus-within) {
- background: var(--btn-grey-hover);
- box-shadow: var(--btn-grey-boxshadow);
- }
- .bansSearchContainer_c0a0ae .searchBar_b46f4f:focus, .bansSearchContainer_c0a0ae .searchBar_b46f4f:focus-within {
- background: var(--btn-grey);
- }
- .scrollerContainer_c3503a {
- height: 100%;
- padding: 0;
- border-radius: 0;
- background: none;
- box-shadow: none;
- margin-top: 10px;
- }
- .scrollerContainer_c3503a .listItems__699d1 {
- inset: 0 !important;
- }
- .bannedUser__38b44 {
- cursor: pointer;
- border-radius: 0;
- background: none;
- transition: none;
- }
- #app-mount .bannedUser__38b44 {
- box-shadow: none;
- }
- .bannedUser__38b44:hover {
- background: var(--background-accent);
- transition: background 0.2s linear;
- }
- #community-tab .upsellContainer__978df {
- padding: 8px 24px 10px 16px;
- background: var(--btn-grey);
- border-radius: 2px;
- }
- #community-tab .upsellContainer__978df .upsellFooter__63475 {
- background: none;
- padding: 0;
- }
- .contentRegionScroller__86c79:has(#onboarding-tab .upsellContainer__7de10) {
- background: #000;
- }
- #app-mount .layer__2efaa ~ .layer__2efaa .contentColumnDefault_c66386#onboarding-tab {
- padding: 0 !important;
- }
- #onboarding-tab .upsellContainer__7de10 {
- gap: 0;
- }
- #onboarding-tab .upsellHeader__70021 {
- position: relative;
- }
- #onboarding-tab .upsellHeader__70021 > * {
- z-index: 1;
- }
- #onboarding-tab .upsellHeader__70021::after {
- content: "";
- z-index: 0;
- position: absolute;
- inset: 0;
- width: 100%;
- height: 100%;
- background: linear-gradient(135deg, hsl(36, calc(var(--saturation-factor, 1) * 95.6%), 64.7%) 48%, hsl(40, calc(var(--saturation-factor, 1) * 52.7%), 52.7%) 55%);
- -webkit-mask: radial-gradient(circle at center, black 0%, transparent 45%);
- mask: radial-gradient(circle at center, black 0%, transparent 45%);
- }
- #onboarding-tab .upsellHeader__70021 .upsellHeaderText__3a94b {
- padding-left: 5em;
- padding-right: 5em;
- }
- #onboarding-tab .divider__2bbbc {
- display: none;
- }
- #onboarding-tab .testimonialHeroContainer__4a355 {
- background: linear-gradient(137.42deg, #00d5ff 0%, #d0266f 40%, #b9b500 100%);
- background-size: 300% 300%;
- animation: nitroGradient 20s ease infinite;
- max-width: unset;
- margin-top: 5em;
- margin-bottom: 0;
- padding-bottom: 4em;
- padding-top: 4em;
- border-radius: 0;
- }
- #onboarding-tab .testimonialHeroContainer__4a355 .animatedContainer__889a5 {
- background: rgba(255, 255, 255, 0.0588235294);
- border-radius: 3px;
- padding: 20px;
- }
- #onboarding-tab .testimonialHeroContainer__4a355 .testimonial__1b63f {
- padding: 0;
- min-height: unset;
- --header-secondary: var(--header-primary);
- --interactive-normal: var(--header-primary);
- }
- #onboarding-tab .testimonialHeroContainer__4a355 .testimonial__1b63f [data-text-variant="text-sm/medium"] {
- font-weight: 400;
- }
- #onboarding-tab .testimonialHeroContainer__4a355 .testimonialControlIcon_ed1b83,
- #onboarding-tab .testimonialHeroContainer__4a355 .testimonialControlInner__30b9d {
- height: 24px;
- width: 24px;
- }
- #onboarding-tab .valuesContainer_bede97 {
- background: #fff;
- padding: 4em 24px;
- }
- #onboarding-tab .valuesContainer_bede97 .valueText__44bea [data-text-variant="heading-md/semibold"] {
- font-size: 18px;
- font-weight: 700;
- line-height: 20px;
- color: #1b1b1b;
- }
- #onboarding-tab .valuesContainer_bede97 .valueText__44bea [data-text-variant="text-sm/normal"] {
- font-size: 13px;
- line-height: 18px;
- font-weight: 700;
- color: #1b1b1b;
- }
- .onboardingContainer__86f3a {
- padding: 24px;
- gap: 0;
- }
- .onboardingContainer__86f3a:has(.upsellContainer__7de10) {
- padding: 0;
- }
- .onboardingContainer__86f3a .channelBrowser__4d723 {
- width: 50%;
- }
- .onboardingContainer__86f3a .container__52fd4 {
- width: 50%;
- margin-left: 16px;
- }
- .onboardingContainer__86f3a .container__52fd4 .header__8e9c1 {
- width: 100%;
- }
- .educationUpsell_ee1637 {
- background: var(--background-accent);
- border-radius: 0;
- }
- .educationUpsell_ee1637 .container__2e9ff {
- box-shadow: 3px 3px 5px -3px #000;
- border-radius: 0;
- }
- .educationUpsell_ee1637 .container__2e9ff .header_e9e239 {
- line-height: 22px;
- margin-bottom: 10px;
- }
- .educationUpsell_ee1637 .lookFilled__19298.colorBrand_b2253e {
- box-shadow: var(--btn-grey-boxshadow);
- }
- .error_f5f3e1 {
- border-radius: 3px;
- font-size: 14px;
- line-height: 18px;
- font-weight: 400;
- }
- .developerPortalCtaWrapper__21172 {
- background: var(--btn-grey);
- border-radius: 2px;
- }
- .checklistContainer-12xGp5,
- .checklist__88646 {
- display: flex;
- flex-direction: column;
- background: none;
- border-radius: 0;
- margin: 0 32px;
- }
- .checklistContainer-12xGp5 .separator__26ad8,
- .checklist__88646 .separator__26ad8 {
- display: none;
- }
- .checklistItem__9f80c {
- padding: 8px 24px 10px 16px;
- background: var(--btn-grey);
- border-radius: 2px;
- margin-bottom: 10px;
- }
- .checklistItem__9f80c:has([d*="M10 0C4.486 0 0 4.486 0 10C0"]) {
- order: 1;
- }
- .checklistItem__9f80c:has(.checked__24ad6) {
- order: 2;
- }
- .featureCard__0a441 {
- padding: 8px 16px 10px 16px;
- border-radius: 2px;
- text-align: center;
- background: var(--btn-grey);
- }
- .featureIcon__48a2c {
- background: none;
- border-radius: 0;
- margin: 6px auto;
- height: 30px;
- width: 30px;
- }
- .featureIcon__48a2c svg {
- height: 30px;
- width: 30px;
- }
- .featureHeader_f6953f {
- font-size: 16px;
- font-weight: 400;
- line-height: 20px;
- margin-bottom: 0;
- }
- .discoverPreview_bfdd96 {
- margin-top: 24px;
- }
- .discoverPreview_bfdd96 .card__81c50 {
- width: 33.3333333333%;
- background: var(--btn-grey);
- border-radius: 2px;
- }
- #app-mount .sidebarRegion__60457:has(.selected__5711d[aria-controls=role_subscriptions-tab]) + .contentRegion__0bec1 .contentColumnDefault_c66386 {
- padding: 0 !important;
- }
- #app-mount .sidebarRegion__60457:has(.selected__5711d[aria-controls=role_subscriptions-tab]) + .contentRegion__0bec1 .contentRegionScroller__86c79 {
- padding-top: 0;
- }
- .contentRegionScroller__86c79:has(.howItWorksContainer_ef4386) {
- background: #000;
- }
- .contentRegionScroller__86c79:has(.howItWorksContainer_ef4386) .settingsContent__75a7e {
- margin-right: 0;
- }
- .contentRegionScroller__86c79:has(.howItWorksContainer_ef4386) .card_bc6ee2 {
- background: none;
- border-radius: 0;
- }
- .contentRegionScroller__86c79:has(.howItWorksContainer_ef4386) .divider__2bbbc {
- display: none;
- }
- .contentRegionScroller__86c79:has(.howItWorksContainer_ef4386) .container__9547a > div:has(.howItWorksContainer_ef4386) {
- background: linear-gradient(137.42deg, #00d5ff 0%, #d0266f 40%, #b9b500 100%);
- background-size: 300% 300%;
- animation: nitroGradient 20s ease infinite;
- max-width: unset;
- margin-bottom: 0;
- padding-bottom: 4em;
- padding-top: 4em;
- }
- .contentRegionScroller__86c79:has(.howItWorksContainer_ef4386) .container__9547a > div:has(> .creatorBenefitsContainer__2e05e) {
- background: #fff;
- padding-top: 4em;
- padding-bottom: 4em;
- --header-primary: #1b1b1b;
- --header-secondary: #1b1b1b;
- }
- .contentRegionScroller__86c79:has(.howItWorksContainer_ef4386) .container__9547a > div:has(> .creatorBenefitsContainer__2e05e) .earningsPreviewContainer__775cb {
- background: rgba(0, 0, 0, 0.2) !important;
- }
- .contentRegionScroller__86c79:has(.howItWorksContainer_ef4386) .container__9547a > div:has(> .creatorBenefitsContainer__2e05e) .avatarCard_edc99c {
- background: rgba(0, 0, 0, 0.2);
- }
- .contentRegionScroller__86c79:has(.howItWorksContainer_ef4386) .container__9547a > div:has(> .creatorBenefitsContainer__2e05e) .revenueSharePercentageDark__68593 {
- text-shadow: 0 2px 3px rgba(0, 0, 0, 0.3);
- }
- .contentRegionScroller__86c79:has(.howItWorksContainer_ef4386) .container__9547a > div:last-child {
- padding: 4em 5em;
- }
- .contentRegionScroller__86c79:has(.howItWorksContainer_ef4386) .container__9547a > div:last-child .guildCardHeaderAvatar__47b9e {
- border-radius: 2px;
- }
- .contentRegionScroller__86c79:has(.howItWorksContainer_ef4386) .container__9547a > div:last-child .guildCardQuote_b4f165 [data-text-variant="text-lg/normal"] {
- font-size: 16px;
- line-height: 20px;
- font-weight: 400;
- }
- .contentRegionScroller__86c79:has(.howItWorksContainer_ef4386) .container__9547a > div:last-child .guildCardQuote_b4f165 [data-text-variant="text-md/normal"] {
- --interactive-active: var(--text-muted);
- font-size: 14px;
- line-height: 18px;
- font-weight: 400;
- }
- .howItWorksContainer_ef4386 {
- background: none;
- border-radius: 0;
- gap: 20px;
- }
- #app-mount .howItWorksCard__6ff71 {
- background: rgba(255, 255, 255, 0.0588235294);
- border-radius: 3px;
- padding: 20px;
- }
- .howItWorksImageContainer__91f71 {
- background: none;
- padding: 0;
- }
- .howItWorksContainer_ef4386 + span {
- display: none !important;
- }
- .howItWorksContainer_ef4386 + span + [data-text-variant="text-sm/normal"] {
- font-style: italic;
- font-size: 12px;
- font-weight: 500;
- }
- .sidebarRegion__60457:has(.selected__5711d[aria-controls=members-tab]) + .contentRegion__0bec1 .membersCount-1G86bs {
- margin-bottom: 0;
- }
- .sidebarRegion__60457:has(.selected__5711d[aria-controls=members-tab]) + .contentRegion__0bec1 .quickSelect_ae48d2 {
- padding-top: 0;
- padding-bottom: 0;
- }
- .sidebarRegion__60457:has(.selected__5711d[aria-controls=members-tab]) + .contentRegion__0bec1 .searchBar-3joS_I {
- border-radius: 2px;
- transition: padding 0.3s cubic-bezier(0.16, 0.86, 0.43, 0.99);
- }
- .sidebarRegion__60457:has(.selected__5711d[aria-controls=members-tab]) + .contentRegion__0bec1 .searchBar-3joS_I:hover {
- padding-left: 8px;
- padding-right: 8px;
- background: var(--btn-grey-hover);
- box-shadow: var(--btn-grey-boxshadow);
- }
- .sidebarRegion__60457:has(.selected__5711d[aria-controls=members-tab]) + .contentRegion__0bec1 .searchBar-3joS_I .icon__37cc1 {
- color: var(--brand-experiment);
- }
- #app-mount .member-2cj2PI {
- box-shadow: none;
- }
- #app-mount .member-2cj2PI .overflowIconFg-29oz-o {
- fill: var(--brand-experiment);
- }
- .member-2cj2PI {
- padding-left: 8px;
- padding-right: 8px;
- }
- .member-2cj2PI:hover {
- background: var(--background-accent);
- transition: background 0.2s linear;
- }
- .member-2cj2PI:hover .overflowIcon-863s2Z {
- opacity: 1;
- }
- .member-2cj2PI:hover .role__631a3,
- .member-2cj2PI:hover .addButton_c648bf {
- background-color: var(--background-accent-hover);
- transition: background 0.2s linear;
- }
- .member-2cj2PI .name-3IqW9M {
- font-size: 16px;
- line-height: 20px;
- }
- .member-2cj2PI .role__631a3 {
- background: var(--btn-grey);
- border-radius: 3px;
- }
- .member-2cj2PI .addButton_c648bf {
- border-radius: 2px;
- background: var(--btn-grey);
- color: var(--brand-experiment);
- transition-property: background, box-shadow;
- transition-duration: 0.2s;
- transition-timing-function: ease-out;
- }
- .member-2cj2PI .addButton_c648bf:hover {
- background: var(--btn-grey-hover);
- box-shadow: var(--btn-grey-boxshadow);
- }
- #app-mount .inviteSettingsInviteRow__0d747 {
- box-shadow: none;
- }
- .inviteSettingsInviteRow__0d747 {
- padding-left: 8px;
- padding-right: 8px;
- }
- .inviteSettingsInviteRow__0d747:hover {
- background: var(--background-accent);
- transition: background 0.2s linear;
- }
- .inviteSettingsInviteRow__0d747 .wrapper_edb6e0 {
- top: 8px;
- }
- .inviteSettingsInviteRow__0d747 .wrapper_edb6e0::before {
- display: none;
- }
- .inviteSettingsInviteRow__0d747 .username__92ef4 {
- margin-left: 15px;
- }
- .inviteSettingsInviteRow__0d747 [data-text-variant="text-xs/normal"] {
- margin-left: 36px;
- --header-secondary: var(--text-muted);
- font-size: 12px;
- letter-spacing: 0.5px;
- text-transform: uppercase;
- font-weight: 700;
- }
- .settingCard-xZSDjS {
- background: var(--btn-grey);
- border-radius: 2px;
- padding: 8px 24px 10px 16px;
- }
- .settingCard-xZSDjS .cardContent-1-5hym {
- padding: unset;
- }
- .settingCard-xZSDjS.active-3EK-ed {
- background: var(--background-accent);
- transition: background 0.2s linear;
- }
- .settingCard-xZSDjS .cardIcon-2nTUq4 {
- color: var(--gpColor-Yellow);
- margin-right: 6px;
- }
- .settingCard-xZSDjS [data-text-variant="text-md/semibold"] {
- color: var(--header-primary);
- font-weight: 400;
- margin: 0;
- }
- .settingCard-xZSDjS .cardDescription-28p4PG {
- color: var(--header-secondary) !important;
- padding: 0;
- font-size: 13px;
- line-height: 18px;
- }
- .settingCard-xZSDjS .cardFolder-3H4uH4 {
- margin-top: 10px;
- background: var(--background-tertiary);
- border-radius: 0;
- }
- .sidebarScrollable__4aad1 .scroller__52680 {
- background: none;
- }
- .sidebarScrollable__4aad1 .scroller__52680 .header_f72511 {
- padding: 0 10px 10px 10px;
- color: var(--text-muted);
- transition-property: color;
- transition-duration: 0.2s;
- transition-timing-function: ease-out;
- }
- .sidebarScrollable__4aad1 .scroller__52680 .header_f72511:hover {
- color: #fff;
- }
- .sidebarScrollable__4aad1 .scroller__52680 .header_f72511 .sidebarHeader-1rstuK {
- opacity: 1;
- transition: none;
- }
- .sidebarScrollable__4aad1 .scroller__52680 .header_f72511 .headerText__94c22 {
- font-size: 14px;
- line-height: 18px;
- }
- .sidebarScrollable__4aad1 .scroller__52680 .item__48dda {
- padding-top: 6px;
- padding-bottom: 6px;
- margin-bottom: 2px;
- border-radius: 0;
- font-size: 14px;
- line-height: 18px;
- --interactive-active: var(--header-secondary);
- }
- #app-mount .sidebarScrollable__4aad1 .scroller__52680 .item__48dda:hover:not(.selected__5711d) {
- background: var(--contextmenu-text);
- --interactive-hover: var(--background-accent);
- --interactive-active: var(--background-accent);
- --header-primary: var(--background-accent);
- }
- #app-mount .sidebarScrollable__4aad1 .scroller__52680 .item__48dda.selected__5711d {
- background: var(--background-accent);
- color: #fff;
- --header-primary: #fff;
- --interactive-active: #fff;
- }
- .group__6ae8b {
- display: grid;
- grid-auto-flow: column;
- border: none;
- border-radius: 2px;
- --btn-count: 3;
- background: var(--darker-grey);
- box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.6666666667);
- position: relative;
- }
- .group__6ae8b::before {
- content: "";
- position: absolute;
- height: 100%;
- width: calc(100% / var(--btn-count));
- background: var(--status-danger);
- transition: translate 0.2s ease, background 0.2s ease;
- border-radius: 2px;
- z-index: 0;
- }
- .group__6ae8b:has(.passthrough__7cd54.selected__47401):before {
- translate: 100%;
- background: var(--btn-grey-hover);
- }
- .group__6ae8b:has(.allow_bbc621.selected__47401):before {
- translate: 200%;
- background: var(--gpColor-Green);
- }
- .group__6ae8b .item_f48d11 {
- background: none;
- z-index: 1;
- transition: color 0.2s ease;
- }
- .group__6ae8b .item_f48d11.passthrough__7cd54 {
- color: var(--btn-grey-hover);
- }
- .group__6ae8b .item_f48d11.passthrough__7cd54.selected__47401 {
- color: #fff;
- }
- .theme-dark #app-mount .theme-light .root_a28985 {
- --text-normal: hsl(calc(var(--accent-hue) + 11) calc(var(--saturation-factor, 1)*7.7%) 87.3%);
- }
- .theme-dark #app-mount .theme-light .root_a28985 .header__6d5ea [data-text-variant="heading-xl/semibold"] {
- color: #fff;
- font-size: 22px;
- font-weight: 700;
- line-height: 24px;
- width: 100%;
- text-align: left;
- }
- .theme-dark #app-mount .theme-light .root_a28985 .header__6d5ea [data-text-variant="text-md/normal"] {
- margin-top: 10px;
- text-align: left;
- width: 100%;
- }
- .theme-dark #app-mount .theme-light .root_a28985 .header-oub2Vc .title-1LqMUp {
- margin: 0;
- }
- .theme-dark #app-mount .theme-light .root_a28985 .header-oub2Vc [data-text-variant="text-sm/normal"] {
- margin-top: 10px;
- text-align: left;
- width: 100%;
- }
- .theme-dark #app-mount .theme-light .root_a28985 form .input-m1-Y7Q {
- background: none;
- border-radius: 0;
- }
- .theme-dark #app-mount .theme-light .root_a28985 form .input-m1-Y7Q input::-moz-placeholder {
- color: var(--text-muted);
- }
- .theme-dark #app-mount .theme-light .root_a28985 form .input-m1-Y7Q input::placeholder {
- color: var(--text-muted);
- }
- .theme-dark #app-mount .theme-light .root_a28985 .sampleLink-5BWNy9 {
- color: var(--text-muted);
- }
- .theme-dark #app-mount .theme-light .root_a28985 .rowContainer-3t7486 {
- border-radius: 2px;
- padding: 6px 8px;
- background: var(--btn-brand);
- color: var(--btn-brand-text);
- margin-bottom: 10px;
- }
- .theme-dark #app-mount .theme-light .root_a28985 .rowContainer-3t7486:hover {
- background: var(--btn-brand-hover);
- color: #fff;
- }
- .theme-dark #app-mount .theme-light .root_a28985 .rowContainer-3t7486 .rowIcon-1mRvtM {
- background: var(--green-360);
- border-radius: 2px;
- }
- .theme-dark #app-mount .theme-light .root_a28985 .rowContainer-3t7486 h2 {
- color: inherit;
- font-weight: 400;
- }
- .theme-dark #app-mount .theme-light .root_a28985 .rowContainer-3t7486 .rowText-3MQqQi {
- color: inherit;
- line-height: 12px;
- margin-top: 4px;
- }
- .theme-dark #app-mount .theme-light .root_a28985 .rowContainer-3t7486 .rowArrow-TIwwIc {
- height: 18px;
- width: 18px;
- margin: 8px;
- }
- .theme-dark #app-mount .theme-light .root_a28985 .footer__89240 {
- position: absolute;
- bottom: 0;
- justify-content: right;
- width: 100%;
- box-sizing: border-box;
- gap: 10px;
- flex-flow: row nowrap;
- }
- .theme-dark #app-mount .theme-light .root_a28985 .footer__89240 .footerTitle-3Bslxi {
- margin-bottom: 0;
- font-size: 13px;
- line-height: 18px;
- font-weight: 400;
- color: var(--text-muted);
- letter-spacing: 0;
- }
- .theme-dark #app-mount .theme-light .root_a28985 .content__764ce {
- margin-bottom: 102px;
- }
- .theme-dark #app-mount .theme-light .root_a28985 .templatesList-uohY49 {
- margin-top: 0;
- }
- .theme-dark #app-mount .theme-light .root_a28985 .optionHeader-27AHfD {
- color: var(--text-muted) !important;
- font-size: 12px;
- line-height: 22px;
- letter-spacing: 0.5px;
- text-transform: uppercase;
- font-weight: 700;
- }
- .theme-dark #app-mount .theme-light .root_a28985 .container-x8Y1ix {
- border-radius: 2px;
- border: none;
- background: var(--btn-grey);
- margin-bottom: 10px;
- transition-property: background, box-shadow, color;
- transition-duration: 0.2s;
- transition-timing-function: ease-out;
- }
- .theme-dark #app-mount .theme-light .root_a28985 .container-x8Y1ix [data-text-variant="text-md/bold"] {
- color: var(--text-lighter);
- font-weight: 400;
- transition: color 0.2s ease-in-out;
- }
- .theme-dark #app-mount .theme-light .root_a28985 .container-x8Y1ix:hover {
- background: var(--btn-grey-hover);
- box-shadow: var(--btn-grey-boxshadow);
- }
- .theme-dark #app-mount .theme-light .root_a28985 .container-x8Y1ix:hover [data-text-variant="text-md/bold"] {
- color: #fff;
- }
- .theme-dark #app-mount .theme-light .root_a28985 .container-x8Y1ix:has(.arrow-2yY1Tm)::after {
- content: "";
- display: block;
- width: 24px;
- height: 24px;
- -webkit-mask: url(https://maendisease.github.io/Steam/illustrations/icns/discordrightarrow.svg);
- mask: url(https://maendisease.github.io/Steam/illustrations/icns/discordrightarrow.svg);
- background: var(--brand-experiment);
- margin: 16px 16px 16px auto;
- }
- .theme-dark #app-mount .theme-light .root_a28985 .container-x8Y1ix:has(.arrow-2yY1Tm) .arrow-2yY1Tm {
- display: none;
- }
- .theme-dark #app-mount .theme-light .root_a28985 .button_afdfd9:not(.close__1080c) {
- height: 34px;
- min-height: 34px;
- padding: 8px 14px;
- }
- .theme-dark #app-mount .theme-light .root_a28985 .button_afdfd9:not(.close__1080c).lookBlank__7ca0a {
- color: var(--text-lighter);
- background: var(--btn-grey);
- transition-property: background, box-shadow, color;
- transition-duration: 0.2s;
- transition-timing-function: ease-out;
- box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2);
- }
- .theme-dark #app-mount .theme-light .root_a28985 .button_afdfd9:not(.close__1080c).lookBlank__7ca0a:hover {
- background: var(--btn-grey-hover);
- color: #fff;
- box-shadow: var(--btn-grey-boxshadow);
- }
- .root_a28985:has([src="/assets/b6508869eb1b93a8e54729ac86985599.png"]) .header__6d5ea h1 {
- font-size: 22px;
- font-weight: 700;
- line-height: 24px;
- }
- video:has([src="/assets/b6508869eb1b93a8e54729ac86985599.png"]) {
- width: 100%;
- height: 120px;
- margin-bottom: 10px;
- }
- .banReasonOtherClickable-8EKPlQ {
- color: var(--text-lighter);
- background: var(--btn-grey);
- transition-property: background, box-shadow, color;
- transition-duration: 0.2s;
- transition-timing-function: ease-out;
- border-radius: 2px;
- padding: 8px 14px;
- margin-top: 10px;
- }
- .banReasonOtherClickable-8EKPlQ:hover {
- background: var(--btn-grey-hover);
- color: #fff;
- }
- .banReasonOtherClickable-8EKPlQ [data-text-variant="text-md/medium"] {
- font-size: 14px;
- font-weight: 400;
- }
- .banReasonOtherClickable-8EKPlQ svg {
- color: var(--brand-experiment);
- }
- .image-ZPv20Y {
- border-radius: 2px;
- }
- .root_a28985:has(.overviewSteps-eGJA8e) .sequencer-3ojOk0 {
- padding: 32px 0 0 0;
- }
- .root_a28985:has(.overviewSteps-eGJA8e) .content--gAC_W img {
- position: absolute;
- top: 0;
- right: 0;
- }
- .root_a28985:has(.overviewSteps-eGJA8e) .content--gAC_W .header-3h1Ldm,
- .root_a28985:has(.overviewSteps-eGJA8e) .content--gAC_W .headerCaption-3Tw9SO,
- .root_a28985:has(.overviewSteps-eGJA8e) .content--gAC_W .updatedHeader-W47DUA {
- margin-right: 100px;
- text-align: left;
- }
- .root_a28985:has(.overviewSteps-eGJA8e) .header-3h1Ldm,
- .root_a28985:has(.overviewSteps-eGJA8e) .updatedHeader-W47DUA {
- margin-top: 0;
- margin-bottom: 0;
- }
- .root_a28985:has(.overviewSteps-eGJA8e) .button_afdfd9 {
- height: 34px;
- min-height: 34px;
- padding: 8px 14px;
- }
- .root_a28985:has(.overviewSteps-eGJA8e) .roleRow-3AipPg {
- border-radius: 2px;
- background: var(--btn-grey);
- }
- .root_a28985:has(.overviewSteps-eGJA8e) .tableContainer-ElCMnk {
- padding: 8px 24px 10px 16px;
- background: var(--btn-grey);
- border-radius: 2px;
- }
- .checkboxWrapper__02583.row_f4c450,
- .checkboxWrapper__02583.row_f4c450.checked__24ad6 {
- background: var(--btn-grey);
- border-radius: 2px;
- transition-property: background, box-shadow, color;
- transition-duration: 0.2s;
- transition-timing-function: ease-out;
- }
- .checkboxWrapper__02583.row_f4c450:hover,
- .checkboxWrapper__02583.row_f4c450.checked__24ad6:hover {
- background: var(--btn-grey-hover);
- color: #fff;
- box-shadow: var(--btn-grey-boxshadow);
- }
- #app-mount .message__04d9f {
- background: var(--banner-red);
- box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.3);
- border-radius: 2px;
- }
- #app-mount .message__04d9f .header__39b23 {
- opacity: 1;
- }
- .uploadModal_eae2a0 .inner__7afe9 {
- margin: 32px 32px 0 32px;
- z-index: 102;
- }
- .uploadModal_eae2a0 .inner__7afe9 .file_f309f6 .description__4ba40 .filename__06077 {
- padding: 0;
- }
- .uploadModal_eae2a0 .inner__7afe9 .comment__3f7b9 {
- margin: 0 32px;
- }
- .uploadModal_eae2a0 .inner__7afe9 .comment__3f7b9 .label__7d3d6 {
- color: var(--text-muted);
- font-size: 14px;
- letter-spacing: 0.5px;
- line-height: 36px;
- font-weight: 700;
- }
- .uploadModal_eae2a0 .inner__7afe9 .channelTextAreaUpload__5c0be {
- margin: 0 0 10px 0;
- }
- .uploadModal_eae2a0 .icon__25b13 {
- filter: drop-shadow(0 8px 16px rgba(0, 0, 0, 0.3));
- }
- .uploadModal_eae2a0 .footerRightAlign__1a6b5 {
- gap: 4px;
- }
- .root_a28985 .contentWrapper__85d37 {
- background: var(--modal-background);
- border-radius: 0;
- }
- .root_a28985 .contentWrapper__85d37 .guildIcon_c65171 {
- background-color: var(--background-accent);
- box-shadow: 0 0 5px 0 #000000;
- margin-bottom: 15px;
- }
- .root_a28985 .contentWrapper__85d37 .guildIcon_c65171 .icon_c48348 {
- border-radius: 0;
- }
- .root_a28985 .contentWrapper__85d37 .title__0a681 {
- font-size: 22px;
- font-weight: 700;
- margin-top: 10px;
- }
- .root_a28985 .contentWrapper__85d37 .activityCount__4b9d0 {
- margin-top: 10px;
- }
- .root_a28985 .contentWrapper__85d37 .pillMessage__48334 {
- font-size: 14px;
- line-height: 18px;
- }
- .root_a28985 .contentWrapper__85d37 .noThanksButton__67b42 {
- width: 100%;
- }
- .root_a28985 .contentWrapper__85d37 .button_afdfd9 {
- height: 34px;
- min-height: 34px;
- padding: 8px 14px;
- }
- .root_a28985 .contentWrapper__85d37 .button_afdfd9.lookLink__93965 {
- background: var(--btn-grey);
- transition-property: background, box-shadow, color;
- transition-duration: 0.2s;
- transition-timing-function: ease-out;
- }
- .root_a28985 .contentWrapper__85d37 .button_afdfd9.lookLink__93965:hover {
- background: var(--btn-grey-hover);
- color: #fff;
- box-shadow: var(--btn-grey-boxshadow);
- }
- #app-mount .keyboardShortcutsModal__74c71 {
- background: var(--modal-background);
- }
- #app-mount .modalSubtitle__40325 {
- border-bottom: none;
- }
- .keyboardShortcutsModal__74c71 .modalTitle_cf2de1 {
- margin: 0;
- padding: 32px 32px 0 32px;
- font-size: 22px;
- font-weight: 700;
- line-height: 24px;
- }
- .keyboardShortcutsModal__74c71 .modalSubtitle__40325 {
- padding: 0 32px 32px 32px;
- font-size: 14px;
- line-height: 18px;
- color: var(--header-secondary);
- }
- .keyboardShortcutsModal__74c71 .keyboardShortcutList__1f357 {
- -moz-column-count: unset;
- column-count: unset;
- -moz-column-gap: unset;
- column-gap: unset;
- display: flex;
- flex-flow: row wrap;
- gap: var(--gap);
- --gap: 20px;
- --columns: 3;
- }
- .keyboardShortcutsModal__74c71 .keyboardShortcutListGroup__9bf22 {
- background: var(--btn-grey);
- border-radius: 2px;
- padding: 8px 24px 10px 16px;
- margin: 0;
- height: -moz-fit-content;
- height: fit-content;
- flex-grow: 1;
- width: calc(100% / var(--columns) - var(--gap) + var(--gap) / var(--columns));
- }
- .keyboardShortcutsModal__74c71 .keybindGroup_bd18f5 [data-text-variant="heading-md/semibold"] {
- font-size: 16px;
- font-weight: 400;
- line-height: 20px;
- }
- .keyboardShortcutsModal__74c71 .keybindGroup_bd18f5 .keybindGroupDescription__8172e {
- font-size: 13px;
- line-height: 18px;
- font-weight: 400;
- color: var(--text-muted);
- margin: 0;
- }
- .keyboardShortcutsModal__74c71 .divider__2bbbc {
- display: none;
- }
- #app-mount .key__06fe6 {
- background: var(--btn-brand);
- border: none;
- padding: 3px 6px 4px;
- border-radius: 2px;
- box-shadow: inset 0 -1px 0 var(--brand-experiment);
- }
- #app-mount .combo__57290 {
- color: var(--btn-brand-text);
- font-weight: 400;
- }
- #app-mount .combo__57290 .key__06fe6:active {
- height: unset;
- color: #fff;
- background: var(--btn-brand-hover);
- }
- .root_a28985 .header-1LSUD5 {
- padding: 0;
- align-items: flex-start;
- }
- .root_a28985 .header-1LSUD5 [data-text-variant="heading-xl/semibold"] {
- font-size: 22px;
- font-weight: 700;
- line-height: 24px;
- }
- .root_a28985 .header-1LSUD5 .subheaderText-2Slnoc {
- margin: 0;
- }
- .root_a28985 .list-3-WAYB {
- background: none;
- border-radius: 0;
- }
- .root_a28985 .list-3-WAYB .separator-3pyJLj {
- display: none;
- }
- .root_a28985 .list-3-WAYB .accountCard-2lki2x {
- padding: 8px 24px 10px 16px;
- background: var(--btn-grey);
- border-radius: 2px;
- }
- .root_a28985 .list-3-WAYB .accountCard-2lki2x:not(:last-child) {
- margin-bottom: 10px;
- }
- .root_a28985 .list-3-WAYB .accountCard-2lki2x [data-text-variant="text-md/semibold"] {
- font-weight: 400;
- }
- .root_a28985 .list-3-WAYB .accountCard-2lki2x .hintText-1gwhJG {
- font-size: 12px;
- letter-spacing: 0.5px;
- text-transform: uppercase;
- font-weight: 700;
- }
- .root_a28985 .actions-1qEPMo {
- margin: 32px 0;
- }
- #app-mount .authBox__7196a {
- background: none;
- box-shadow: none;
- padding: 32px 32px 0 32px;
- }
- #app-mount .authBox__7196a + .navRow-dG-XX8 {
- background: none;
- padding: 32px;
- }
- #app-mount .authBox__7196a + .navRow-dG-XX8 .button_afdfd9 {
- margin: 0;
- }
- .mainLoginContainer-psZnyz h1 {
- text-align: left;
- font-size: 22px;
- font-weight: 700;
- line-height: 24px;
- margin-bottom: 0;
- }
- .mainLoginContainer-psZnyz .subtitle-N87Vzb {
- text-align: left;
- padding: 0;
- margin-bottom: 32px;
- }
- .root_a28985:has(.tier2HeaderBackground-2XINxm) {
- --text-muted: #ffffff7a;
- }
- .root_a28985:has(.tier2HeaderBackground-2XINxm) .header__6d5ea:has(.headerBackground-131uxy) {
- box-shadow: none;
- border-radius: 0;
- padding: 0;
- position: absolute;
- inset: 0;
- height: 100%;
- z-index: -1;
- }
- .root_a28985:has(.tier2HeaderBackground-2XINxm) .header__6d5ea:has(.headerBackground-131uxy) + div {
- margin-top: 87px;
- }
- .root_a28985:has(.tier2HeaderBackground-2XINxm) .header__6d5ea:has(.headerBackground-131uxy) .headerBackground-131uxy {
- inset: 0;
- height: 100%;
- padding: 32px;
- box-sizing: border-box;
- }
- .root_a28985:has(.tier2HeaderBackground-2XINxm) .header__6d5ea:has(.headerBackground-131uxy) .headerAnimation-3DVb6i {
- position: absolute;
- inset: 0;
- min-width: unset;
- transform: none;
- }
- .root_a28985:has(.tier2HeaderBackground-2XINxm) .header__6d5ea:has(.headerBackground-131uxy) .headerAnimation-3DVb6i .panningAnimation-1pMfvn {
- position: absolute;
- inset: 0;
- overflow: hidden;
- max-height: 100px;
- margin-top: auto;
- }
- .root_a28985:has(.tier2HeaderBackground-2XINxm) .header__6d5ea:has(.headerBackground-131uxy) .headerAnimation-3DVb6i .sequencedAnimation-f_FX_M {
- position: absolute;
- inset: 0;
- max-height: 100px;
- }
- .root_a28985:has(.tier2HeaderBackground-2XINxm) .paymentNote-3dcb-Z {
- padding: 0 32px 0 32px;
- }
- .root_a28985:has(.tier2HeaderBackground-2XINxm) .breadcrumb.wrapper-wOVKdL {
- padding: 10px 32px 0 32px;
- }
- .root_a28985:has(.tier2HeaderBackground-2XINxm) .breadcrumb.wrapper-wOVKdL::after {
- display: none;
- }
- .root_a28985:has(.tier2HeaderBackground-2XINxm) .content__764ce > [style^="position: relative; width:"] {
- width: 100% !important;
- }
- .root_a28985:has(.tier2HeaderBackground-2XINxm) .content__764ce > [style^="position: relative; width:"] > [style^="position: absolute;"] {
- position: relative !important;
- left: unset !important;
- right: unset !important;
- }
- .root_a28985:has(.tier2HeaderBackground-2XINxm) .sliderBody__54a36 {
- width: 100%;
- }
- .root_a28985:has(.tier2HeaderBackground-2XINxm) [role=radiogroup] {
- display: flex;
- flex-direction: row;
- gap: 10px;
- }
- .root_a28985:has(.tier2HeaderBackground-2XINxm) .planOptionClickableContainer-O-50CZ {
- background: rgba(255, 255, 255, 0.0588235294);
- border-radius: 3px;
- padding: 20px;
- flex-basis: calc(50% - 20px);
- position: relative;
- transition-property: background, box-shadow;
- transition-duration: 0.2s;
- transition-timing-function: ease-out;
- }
- .root_a28985:has(.tier2HeaderBackground-2XINxm) .planOptionClickableContainer-O-50CZ:hover {
- background: rgba(255, 255, 255, 0.2);
- box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
- }
- .root_a28985:has(.tier2HeaderBackground-2XINxm) .planOptionClickableContainer-O-50CZ[aria-checked=true] {
- background: #fff;
- box-shadow: none;
- }
- .root_a28985:has(.tier2HeaderBackground-2XINxm) .planOptionClickableContainer-O-50CZ[aria-checked=true] .optionSelected-2AMHHJ {
- color: #1b1b1b;
- }
- .root_a28985:has(.tier2HeaderBackground-2XINxm) .planOptionClickableContainer-O-50CZ[aria-checked=true] .planOptionDiscount-2nex9n {
- color: #1b1b1b !important;
- }
- .root_a28985:has(.tier2HeaderBackground-2XINxm) .checkboxWrapper__02583 {
- position: absolute;
- inset: 0;
- height: 100%;
- width: 100%;
- opacity: 0;
- margin: 0;
- }
- .root_a28985:has(.tier2HeaderBackground-2XINxm) .planOptionInterval-3QyrC0 {
- color: #1b1b1b;
- font-weight: 400;
- font-size: 20px;
- position: absolute;
- top: 0;
- right: 0;
- }
- .root_a28985:has(.tier2HeaderBackground-2XINxm) .planOption-187LtR {
- flex-direction: column-reverse;
- position: relative;
- padding: 0;
- align-items: start;
- color: rgba(255, 255, 255, 0.4784313725);
- font-size: 20px !important;
- }
- .root_a28985:has(.tier2HeaderBackground-2XINxm) .planOptionDiscount-2nex9n {
- background: none;
- border-radius: 0;
- padding: 0;
- margin: 0;
- }
- .root_a28985:has(.tier2HeaderBackground-2XINxm) .totalLabel-2RGUEh {
- color: rgba(255, 255, 255, 0.4784313725);
- }
- .root_a28985:has(.tier2HeaderBackground-2XINxm) .wrap_e504b7:has(.cardIcon__3476e) button {
- background: rgba(255, 255, 255, 0.0588235294);
- border-radius: 3px;
- }
- .root_a28985:has(.tier2HeaderBackground-2XINxm) .wrap_e504b7:has(.cardIcon__3476e) button:hover {
- color: #1b1b1b;
- background: #fff;
- box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
- }
- .override_f2098b {
- border-radius: 0;
- border: none;
- margin-bottom: 0;
- background: none;
- transition: none;
- padding: 6px 0 6px 8px;
- height: 46px;
- }
- .override_f2098b:hover {
- background: var(--background-accent);
- transition: background 0.2s linear;
- }
- .override_f2098b:hover .checkbox_c7f690 {
- background-color: var(--background-accent-hover);
- transition: background 0.2s linear;
- }
- .override_f2098b .icon__9a542 {
- width: 16px;
- }
- .override_f2098b .channelNameContainer__2e09f {
- display: flex;
- justify-content: center;
- flex-direction: column;
- }
- .override_f2098b .channelName_a1ccf5 {
- color: #fff;
- font-weight: 400;
- line-height: 20px;
- }
- .override_f2098b .channelNameByline__574ef {
- color: var(--text-muted);
- font-size: 12px;
- line-height: 22px;
- letter-spacing: 0.5px;
- text-transform: uppercase;
- font-weight: 700;
- }
- .override_f2098b .checkboxMute__6e269::before {
- display: none;
- }
- #app-mount .override_f2098b:hover {
- background: var(--background-accent);
- transition: background 0.2s linear;
- }
- #app-mount .override_f2098b .checkboxContainer__5a761:before {
- background-color: var(--background-modifier-accent-dark);
- }
- .button__71a0f {
- border-radius: 2px;
- }
- .wrap_e504b7:has(.cardIcon__3476e) {
- display: grid;
- grid-template-columns: repeat(3, minmax(0, 1fr));
- grid-gap: 10px;
- }
- .wrap_e504b7:has(.cardIcon__3476e) button {
- margin: 0;
- width: unset;
- height: unset;
- background: var(--btn-grey);
- border-radius: 2px;
- padding: 20px;
- font-size: 16px;
- line-height: 20px;
- font-weight: 400;
- }
- .wrap_e504b7:has(.cardIcon__3476e) button:hover {
- color: #fff;
- background: var(--btn-grey-hover);
- box-shadow: var(--btn-grey-boxshadow);
- }
- .wrap_e504b7:has(.cardIcon__3476e) button .flex__909d4 {
- flex-direction: column;
- }
- .wrap_e504b7:has(.cardIcon__3476e) button .flex__909d4 .buttonIcon-3rUffx {
- margin: 0 0 10px 0;
- }
- .root_a28985 > form:first-child > .modalTitle-nz51Yi:first-child {
- padding: 32px;
- }
- .root_a28985 > form:first-child > .modalTitle-nz51Yi:first-child h1.title__3e421 {
- font-size: 22px;
- font-weight: 700;
- text-transform: capitalize;
- letter-spacing: 0;
- line-height: 24px;
- }
- .phoneVerificationModal__68f4b {
- margin: 0;
- padding: 0;
- transform: none !important;
- }
- .phoneVerificationModal__68f4b .animationContainer_a3f705 {
- position: absolute;
- top: 0 !important;
- right: 0 !important;
- left: unset !important;
- bottom: unset !important;
- height: 72px;
- width: 124px;
- }
- .phoneVerificationModal__68f4b .title_eb9a91 {
- font-size: 22px;
- font-weight: 700;
- line-height: 24px;
- margin: 0;
- padding: 32px;
- width: 100%;
- box-sizing: border-box;
- }
- .phoneVerificationModal__68f4b .description_d4765f {
- width: 100%;
- box-sizing: border-box;
- padding: 0 32px;
- margin-bottom: 10px;
- text-align: left;
- --text-normal: hsl(calc(var(--accent-hue) + 5) calc(var(--saturation-factor, 1)*7.8%) 69.8%);
- font-size: 14px;
- line-height: 18px;
- }
- .phoneVerificationModal__68f4b .description_d4765f strong {
- color: #fff;
- }
- .phoneVerificationModal__68f4b .phoneField__65729 {
- margin: 32px;
- }
- .quickswitcher_a3d29a {
- border-radius: 0;
- padding: 32px;
- box-shadow: none;
- background: var(--modal-background);
- }
- .quickswitcher_a3d29a .content_ad5076:has(.header_a2a437) {
- padding: 0;
- height: unset;
- line-height: unset;
- }
- .quickswitcher_a3d29a .header_a2a437 {
- color: var(--text-muted);
- font-size: 14px;
- letter-spacing: 0.5px;
- line-height: 36px;
- margin: 0;
- }
- .quickswitcher_a3d29a .scroller__52ae7 {
- z-index: 0;
- margin-top: 24px;
- background: none;
- --background-secondary-alt: transparent;
- }
- .quickswitcher_a3d29a .scroller__52ae7:-webkit-scrollbar {
- background: none;
- }
- .quickswitcher_a3d29a .result__25f11 {
- font-size: 14px;
- font-weight: 400;
- }
- .quickswitcher_a3d29a .result__25f11[aria-selected=true] {
- background: var(--btn-grey-hover);
- border-radius: 2px;
- }
- .quickswitcher_a3d29a .result__25f11[aria-selected=true] .contentDefault_f2e62d {
- color: #fff;
- }
- .scroller__5fda0 {
- background: none;
- border-top-left-radius: 0;
- border-bottom-left-radius: 0;
- padding: 0;
- }
- .reactors__20ab0 {
- background: none;
- border-radius: 0;
- }
- .reactionDefault__792ef, .reactionSelected__249a7 {
- margin-bottom: 0;
- border-radius: 0;
- padding: 5px 8px;
- }
- .reactionDefault__792ef:hover {
- background: rgba(255, 255, 255, 0.2);
- }
- .reactionSelected__249a7 {
- background: var(--btn-dark-hover);
- }
- .reactionSelected__249a7 [data-text-variant="text-sm/bold"] {
- color: #fff;
- }
- .messagePreviewContainer_b47f3f {
- border-radius: 3px;
- background-color: rgba(0, 0, 0, 0.2);
- border: 1px solid #000;
- box-shadow: 1px 1px 0 0 var(--store-search-border);
- }
- .childButton__832dc {
- border-radius: 2px;
- background: var(--btn-grey);
- margin-bottom: 10px;
- transition-property: background, box-shadow, color;
- transition-duration: 0.2s;
- transition-timing-function: ease-out;
- --text-normal: var(--text-lighter);
- }
- .childButton__832dc:hover {
- background: var(--btn-grey-hover);
- box-shadow: var(--btn-grey-boxshadow);
- --text-normal: #fff;
- }
- .childButton__832dc .text-md-semibold__79164 {
- font-weight: 400;
- }
- .childButton__832dc svg {
- color: var(--brand-experiment);
- }
- .art-1TvEXv {
- margin: 0;
- width: 140px;
- position: absolute;
- top: 32px;
- right: 32px;
- }
- .header__6d5ea .header-12ZEIU {
- display: flex;
- align-items: flex-start;
- }
- .header__6d5ea .header-12ZEIU .headerText-27nUQU {
- margin-bottom: 0;
- }
- .header__6d5ea .header-12ZEIU .headerDescription-yFPU-Q {
- padding: 0 140px 0 0;
- text-align: left;
- font-size: 14px;
- line-height: 18px;
- --text-normal: var(--header-secondary);
- }
- .segmentContainer-358IfE {
- padding: 0 32px;
- }
- .segmentControl-3edJKN {
- --btn-count: 2;
- background: var(--darker-grey);
- border-radius: 2px;
- padding: 0;
- gap: 0;
- display: flex;
- flex-direction: row;
- position: relative;
- box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.6666666667);
- border-bottom: none;
- }
- .segmentControl-3edJKN .segmentControlOption-3MnJdT {
- background: none;
- margin: 0;
- display: flex;
- flex: 0 1 calc(100% / var(--btn-count));
- justify-content: center;
- z-index: 1;
- border-bottom: none;
- padding: 8px 14px;
- }
- .segmentControl-3edJKN .segmentControlOption-3MnJdT:not(.tabItemSelected__3dfe7):hover {
- background: var(--btn-grey);
- }
- .segmentControl-3edJKN .segmentControlOption-3MnJdT [data-text-variant="text-sm/medium"] {
- font-weight: 400;
- }
- .segmentControl-3edJKN::before {
- content: "";
- position: absolute;
- height: 100%;
- width: calc(100% / var(--btn-count));
- background: var(--btn-grey-hover);
- transition: translate 0.2s ease;
- border-radius: 2px;
- }
- .segmentControl-3edJKN:has(.tabItemSelected__3dfe7:nth-child(2)):before {
- translate: 100%;
- }
- .sourceContainer-1uqUbz {
- padding: 10px 24px 0 32px;
- gap: 10px;
- }
- .tile-3POX2m {
- background: var(--btn-grey);
- padding: 6px;
- border-radius: 2px;
- flex: 0 1 calc(50% - 5px) !important;
- max-width: calc(50% - 5px);
- transition-property: background, box-shadow;
- transition-duration: 0.2s;
- transition-timing-function: ease-out;
- }
- .tile-3POX2m:hover {
- background: var(--btn-grey-hover);
- box-shadow: var(--btn-grey-boxshadow);
- }
- .tile-3POX2m .sourceThumbnail-ERDcZE {
- border-radius: 2px;
- box-shadow: inset 0 0 0 1px transparent;
- }
- .tile-3POX2m .sourceName-3Wf8QG {
- margin-top: 10px;
- width: 100%;
- font-size: 14px;
- font-weight: 400;
- line-height: 18px;
- color: var(--header-secondary);
- }
- .modalSize-3WSXDU:has(.modalContent-2y3sGW) form {
- height: 100%;
- }
- .modalSize-3WSXDU:has(.modalContent-2y3sGW) form > [style^="position: relative;"] {
- height: calc(100% - 94px - 98px) !important;
- }
- .modalSize-3WSXDU:has(.modalContent-2y3sGW) form > [style^="position: relative;"] > [style^="position: absolute;"] {
- position: relative !important;
- top: unset !important;
- left: unset !important;
- right: unset !important;
- transform: none !important;
- width: 100% !important;
- height: 100%;
- }
- .modalSize-3WSXDU:has(.modalContent-2y3sGW) form > [style^="position: relative;"] .modalSize-3WSXDU {
- width: 100%;
- height: 100%;
- overflow: hidden overlay;
- padding: 0 32px;
- box-sizing: border-box;
- }
- .modalSize-3WSXDU:has(.modalContent-2y3sGW) form > [style^="position: relative;"] .modalSize-3WSXDU::-webkit-scrollbar {
- width: 8px;
- height: 8px;
- }
- .modalSize-3WSXDU:has(.modalContent-2y3sGW) form > [style^="position: relative;"] .modalSize-3WSXDU::-webkit-scrollbar-track {
- border-color: transparent;
- background-color: transparent;
- border: 2px solid transparent;
- }
- .modalSize-3WSXDU:has(.modalContent-2y3sGW) form > [style^="position: relative;"] .modalSize-3WSXDU::-webkit-scrollbar-thumb {
- background-clip: padding-box;
- border: 2px solid transparent;
- border-radius: 4px;
- background-color: var(--scroller-color);
- min-height: 40px;
- }
- .modalSize-3WSXDU:has(.modalContent-2y3sGW) form > [style^="position: relative;"] .modalSize-3WSXDU::-webkit-scrollbar-corner {
- background-color: transparent;
- }
- .modalContent-2y3sGW {
- padding: 0 0;
- }
- .warning-1ALdC6 {
- padding: 10px 0 0 0;
- }
- .warningIcon-3vNf04 {
- color: var(--gpColor-Yellow);
- }
- .card-m7VgZ8 {
- padding: 8px 14px;
- border-radius: 2px;
- border: none;
- background: var(--btn-grey);
- }
- .card-m7VgZ8 .selectedIcon-277z4I,
- .card-m7VgZ8 .channelIcon-1BydE- {
- color: var(--brand-experiment);
- }
- .qualitySettingsContainer-2LjkfM {
- border: none;
- border-radius: 0;
- padding: 0;
- }
- .qualitySettingsContainer-2LjkfM .settingsGroup-VNJxZ8:nth-child(1) {
- --btn-count: 4;
- }
- .qualitySettingsContainer-2LjkfM .settingsGroup-VNJxZ8:nth-child(2) {
- --btn-count: 3;
- }
- .qualitySettingsContainer-2LjkfM .settingsGroup-VNJxZ8 [role=group].group-1_ptLP {
- background: var(--darker-grey);
- border-radius: 2px;
- padding: 0;
- gap: 0;
- display: flex;
- flex-direction: row;
- position: relative;
- box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.6666666667);
- border-bottom: none;
- }
- .qualitySettingsContainer-2LjkfM .settingsGroup-VNJxZ8 [role=group].group-1_ptLP::before {
- content: "";
- position: absolute;
- height: 100%;
- width: calc(100% / var(--btn-count));
- background: var(--btn-grey-hover);
- transition: translate 0.2s ease;
- border-radius: 2px;
- }
- .qualitySettingsContainer-2LjkfM .settingsGroup-VNJxZ8 [role=group].group-1_ptLP:has(.selectorButtonSelected-3cQUnj:nth-child(2)):before {
- translate: 100%;
- }
- .qualitySettingsContainer-2LjkfM .settingsGroup-VNJxZ8 [role=group].group-1_ptLP:has(.selectorButtonSelected-3cQUnj:nth-child(3)):before {
- translate: 200%;
- }
- .qualitySettingsContainer-2LjkfM .settingsGroup-VNJxZ8 [role=group].group-1_ptLP .item-2OyinQ {
- background: none;
- margin: 0;
- display: flex;
- flex: 0 1 calc(100% / var(--btn-count));
- justify-content: center;
- z-index: 1;
- border-bottom: none;
- padding: 8px 14px;
- }
- .qualitySettingsContainer-2LjkfM .settingsGroup-VNJxZ8 [role=group].group-1_ptLP .item-2OyinQ:not(.selectorButtonSelected-3cQUnj):hover {
- background: var(--btn-grey);
- }
- .qualitySettingsContainer-2LjkfM .settingsGroup-VNJxZ8 [role=group].group-1_ptLP .item-2OyinQ [data-text-variant="text-sm/medium"] {
- font-weight: 400;
- }
- #app-mount .qualitySettingsContainer-2LjkfM .item-2OyinQ {
- border: none;
- }
- .upsellBanner-1tVKtW {
- margin-top: 10px;
- padding: 16px;
- border-radius: 4px;
- box-shadow: var(--banner-shadow);
- }
- .root_a28985:has(img[alt="characters playing a game"]) .shelfTopBackground-R55ED9 {
- position: absolute;
- top: 16px;
- right: 40px;
- left: unset;
- margin: 0;
- width: 120px;
- }
- .root_a28985:has(img[alt="characters playing a game"]) .header__6d5ea .headerTextContainer-16tB2v {
- align-items: start;
- width: calc(100% - 140px);
- }
- .root_a28985:has(img[alt="characters playing a game"]) .header__6d5ea .headerTextContainer-16tB2v .activityShelfTitle-1rkbSI {
- justify-content: left;
- margin-top: 0;
- }
- .root_a28985:has(img[alt="characters playing a game"]) .header__6d5ea .headerTextContainer-16tB2v h1 {
- font-size: 22px;
- font-weight: 700;
- line-height: 24px;
- }
- .root_a28985:has(img[alt="characters playing a game"]) .header__6d5ea .headerTextContainer-16tB2v [data-text-variant="text-sm/normal"] {
- font-size: 14px;
- line-height: 18px;
- color: var(--header-secondary);
- }
- .root_a28985:has(img[alt="characters playing a game"]) .modalDivider-MtZbPb {
- display: none;
- }
- .root_a28985:has(img[alt="characters playing a game"]) .scrollBackgroundContainer-1gy1Hx {
- display: none;
- }
- .root_a28985:has(img[alt="characters playing a game"]) .scroller-3oxliS {
- overflow: overlay !important;
- }
- .root_a28985:has(img[alt="characters playing a game"]) .scrollSection-HnJkHK {
- padding-left: 32px;
- padding-right: 32px;
- padding-bottom: 32px;
- }
- .root_a28985:has(img[alt="characters playing a game"]) .shelf-3D6g4D {
- display: grid;
- margin-top: 1em;
- margin-bottom: 1em;
- grid-template-columns: repeat(2, 1fr);
- gap: 10px;
- }
- .root_a28985:has(img[alt="characters playing a game"]) .activityItem-1Z9CTr {
- width: unset;
- height: -moz-fit-content;
- height: fit-content;
- border-radius: 2px;
- background: var(--btn-grey);
- padding: 6px;
- box-shadow: none;
- transition-property: background, box-shadow;
- transition-duration: 0.2s;
- transition-timing-function: ease-out;
- }
- .root_a28985:has(img[alt="characters playing a game"]) .activityItem-1Z9CTr:hover {
- background: var(--btn-grey-hover);
- box-shadow: var(--btn-grey-boxshadow);
- }
- .root_a28985:has(img[alt="characters playing a game"]) .activityItem-1Z9CTr .activityImageContainer-3FIpli {
- border-radius: 2px;
- margin-bottom: 10px;
- }
- .root_a28985:has(img[alt="characters playing a game"]) .activityItem-1Z9CTr .activityTextContainer-2l4Dnr {
- padding: 0;
- }
- .root_a28985:has(img[alt="characters playing a game"]) .activityItem-1Z9CTr .activityName-16mAQo {
- width: 100%;
- justify-content: center;
- }
- .root_a28985:has(img[alt="characters playing a game"]) .activityItem-1Z9CTr .activityTitleText-3LZ9o5 {
- font-size: 16px;
- font-weight: 400;
- line-height: 20px;
- }
- .root_a28985:has(img[alt="characters playing a game"]) .activityItem-1Z9CTr .activitySubtitleText-r0WHTk {
- max-height: unset;
- margin-bottom: 10px;
- font-size: 14px;
- font-weight: 400;
- line-height: 18px;
- color: var(--header-secondary);
- }
- .root_a28985:has(img[alt="characters playing a game"]) .activityItem-1Z9CTr .activityTagsContainer-2tHK0W {
- width: 100%;
- justify-content: center;
- }
- .root_a28985:has(img[alt="characters playing a game"]) .activityItem-1Z9CTr .activityTag-3C3YK5 {
- background-color: rgba(0, 0, 0, 0.2);
- border-radius: 2px;
- height: 20px;
- padding: 0 6px;
- font-size: 12px;
- line-height: 20px;
- font-weight: 400;
- }
- .paymentModalContent .scroller-2M3eAB {
- height: 100%;
- padding: 0 32px 16px 32px !important;
- overflow: hidden overlay !important;
- }
- .perks-2IIbWQ {
- background: none;
- border-radius: 0;
- }
- .perks-2IIbWQ .perkRow-10K6XE {
- padding: 8px 24px 10px 16px;
- margin: 0;
- background: var(--btn-grey);
- border-radius: 2px;
- margin-bottom: 10px;
- }
- .perks-2IIbWQ .perkDescription-3e1T_w {
- font-weight: 400;
- }
- #app-mount .root__6d24f {
- background: var(--modal-background) !important;
- border-radius: 0 !important;
- box-shadow: none !important;
- border: 0.5px solid black;
- }
- #app-mount .root__6d24f::before {
- content: "";
- display: block;
- height: 1px;
- width: 100%;
- background: linear-gradient(to right, hsl(calc(var(--accent-hue) - 13), calc(var(--saturation-factor, 1) * 100%), 50%) 0%, hsl(calc(var(--accent-hue) + 20), calc(var(--saturation-factor, 1) * 100%), 60%) 100%);
- position: absolute;
- z-index: 102;
- top: 0;
- }
- #app-mount .root__6d24f .innerWrapper__8cde3 {
- background-image: linear-gradient(45deg, var(--guild-boosting-blue), var(--guild-boosting-purple));
- border-radius: 4px;
- box-shadow: var(--banner-shadow);
- margin-bottom: 12px;
- padding: 16px;
- width: unset;
- max-width: 438px;
- }
- #app-mount .root__6d24f .innerWrapper__8cde3::before {
- display: none;
- }
- #app-mount .root__6d24f .innerWrapper__8cde3 .iconSizeLarger__57b8e {
- height: 48px;
- width: 48px;
- border-radius: 2px;
- }
- #app-mount .root__6d24f .headerWave_e4fdee {
- display: none;
- }
- #app-mount .root__6d24f .display-lg__30a2f {
- font-size: 34px;
- line-height: 38px;
- }
- #app-mount .root__6d24f .headerContentWrapper__30c3e {
- padding: 4em 5em;
- }
- #app-mount .root__6d24f .tierCards__109a2 {
- gap: 20px;
- }
- #app-mount .root__6d24f .tierCards__109a2 .tierCard_f6953a {
- width: calc(33.3333333333% - 20px);
- border-radius: 3px;
- padding: 20px;
- }
- #app-mount .root__6d24f .tierCards__109a2 .tierCard_f6953a:has(.tierCardCurrentTier_df8c32) {
- --guild-boosting-blue-hsl: 85 calc(var(--saturation-factor, 1)*45%) 45.5%;
- --guild-boosting-purple-hsl: 87 calc(var(--saturation-factor, 1)*45%) 32.5%;
- --guild-boosting-blue: hsl(var(--guild-boosting-blue-hsl)/1);
- --guild-boosting-purple: hsl(var(--guild-boosting-purple-hsl)/1);
- background-image: linear-gradient(45deg, var(--guild-boosting-blue), var(--guild-boosting-purple));
- }
- #app-mount .root__6d24f .tierCards__109a2 .tierCard_f6953a .tierCardCurrentTier_df8c32 {
- border-radius: 2px;
- }
- #app-mount .root__6d24f .tierCards__109a2 .tierCard_f6953a .tierCardHeading_aa6988 {
- position: absolute;
- right: 20px;
- top: 20px;
- font-size: 20px;
- line-height: 24px;
- }
- #app-mount .root__6d24f .tierCards__109a2 .tierCard_f6953a .tierCardBoostRequirement__2ae47 {
- font-size: 20px;
- line-height: 24px;
- font-weight: 600;
- }
- #app-mount .root__6d24f .tierCards__109a2 .tierCard_f6953a .tierCardListIcon_c601ae {
- height: 18px;
- width: 18px;
- }
- #app-mount .root__6d24f .tierCards__109a2 .tierCard_f6953a .tierCardListItem_c78d02 {
- font-size: 12px;
- line-height: 16px;
- }
- #app-mount .root__6d24f .tierCards__109a2 .tierCard_f6953a .tierCardSparkle3__36e56 {
- display: none;
- }
- #app-mount .root__6d24f .tierCards__109a2 .tierCard_f6953a .tierCardBorderHighlight__9ca79 {
- border-radius: 3px;
- }
- #app-mount .root__6d24f .scroller__439a2 {
- overflow-y: overlay !important;
- background: #000;
- }
- #app-mount .root__6d24f .middleBodyContentWrapper_fdfda8 {
- padding: 4em 0;
- background: #fff;
- --header-primary: #1b1b1b;
- --header-secondary: #1b1b1b;
- }
- #app-mount .root__6d24f .topPerksCards_aa1faf {
- display: flex;
- align-items: center;
- flex-flow: column wrap;
- }
- #app-mount .root__6d24f .topPerksCard__9fc01 {
- background: none;
- border-radius: 0;
- margin-bottom: 20px;
- min-width: 100%;
- max-width: 100%;
- padding: 0;
- display: grid;
- grid-template-columns: 1fr 1fr 1fr;
- grid-template-rows: 1fr 1fr;
- gap: 0 20px;
- grid-auto-flow: row;
- grid-template-areas: "image heading heading" "image empty empty";
- }
- #app-mount .root__6d24f .topPerksCard__9fc01:nth-child(2) {
- grid-template-areas: "heading heading image" "empty empty image";
- }
- #app-mount .root__6d24f .topPerksCard__9fc01:nth-child(2) img {
- margin: 0 auto 0 0;
- }
- #app-mount .root__6d24f .topPerksCard__9fc01:nth-child(2) .topPerksCardHeading__27bed,
- #app-mount .root__6d24f .topPerksCard__9fc01:nth-child(2) .topPerksCardDescription_d09380 {
- text-align: right;
- }
- #app-mount .root__6d24f .topPerksCard__9fc01 img {
- -o-object-fit: scale-down;
- object-fit: scale-down;
- margin: 0 0 0 auto;
- grid-area: image;
- }
- #app-mount .root__6d24f .topPerksCard__9fc01 .topPerksCardHeading__27bed {
- grid-area: heading;
- text-align: left;
- align-self: end;
- font-size: 18px;
- line-height: 22px;
- font-weight: 900;
- }
- #app-mount .root__6d24f .topPerksCard__9fc01 .topPerksCardDescription_d09380 {
- grid-area: empty;
- text-align: left;
- font-weight: 600;
- }
- #app-mount .root__6d24f .tierComparisonTable_b4d962 {
- padding: 4em 32px;
- max-width: calc(100% - 64px);
- }
- #app-mount .root__6d24f .lowerBodyContentWrapper__3be85 {
- padding: 0;
- }
- .root_a28985 .guildSidebar__8763f {
- border-top-left-radius: 0;
- border-bottom-left-radius: 0;
- background: var(--background-tertiary);
- padding: 32px;
- }
- .root_a28985 .guildSidebar__8763f .guildIcon__31e46 {
- border-radius: 2px;
- }
- .root_a28985 .modal_b38209 {
- border-top-right-radius: 0;
- border-bottom-right-radius: 0;
- background: var(--modal-background);
- }
- .root_a28985:has(.modal_b38209 .requirementContainer__45cb0) .content__3020d {
- padding-left: 0;
- padding-right: 0;
- }
- .root_a28985:has(.modal_b38209 .requirementContainer__45cb0) .animationAndSparklesContainer_f5565f {
- position: absolute;
- right: 0;
- top: 16px;
- }
- .root_a28985:has(.modal_b38209 .requirementContainer__45cb0) .header__14708 {
- margin: 0 100px 0 0;
- text-align: left;
- font-size: 22px;
- font-weight: 700;
- line-height: 24px;
- }
- .root_a28985:has(.modal_b38209 .requirementContainer__45cb0) .subheader_b02893 {
- margin: 0 100px 32px 0;
- text-align: left;
- }
- .root_a28985:has(.modal_b38209 .requirementContainer__45cb0) .divider_e8e5fa {
- margin: 10px 0;
- }
- .root_a28985:has(.modal_b38209 .requirementContainer__45cb0) .requirementContainer__45cb0 {
- margin-top: 0;
- border: none;
- padding: 8px 14px;
- background: var(--btn-grey);
- border-radius: 2px;
- }
- .root_a28985:has(.modal_b38209 .requirementContainer__45cb0) .requirementContainer__45cb0 .sizeSmall__71a98 {
- padding: 0;
- }
- .termsRow_a03d1d [style="color: var(--text-muted);"] {
- --text-muted: var(--brand-experiment);
- font-weight: 700;
- font-size: 18px;
- }
- .termsRowContent__82e2f[data-text-variant="text-md/normal"] {
- font-size: 14px;
- font-weight: 400;
- }
- .fieldBackground_d6edfa,
- .fieldBackground_d6edfa:hover:not(:focus) {
- background: var(--btn-grey);
- border: none;
- border-radius: 2px;
- }
- .fieldBackground_d6edfa {
- padding: 8px 14px;
- }
- .root_a28985 .content__764ce.modalContent__9558d {
- padding-left: 0;
- }
- .root_a28985 .sidebarContainer__5583d {
- width: 256px;
- padding: 32px;
- background: var(--background-tertiary);
- }
- .root_a28985 .sidebarContainer__5583d .iconContainer__4f05c {
- border-radius: 2px;
- }
- .root_a28985 .contentContainer__7dbc6 {
- background: var(--modal-background);
- align-items: start;
- }
- .root_a28985 .contentContainer__7dbc6 .header__921a4 {
- margin-right: 140px;
- margin-bottom: 0;
- text-align: left;
- font-size: 22px;
- font-weight: 700;
- line-height: 24px;
- }
- .root_a28985 .contentContainer__7dbc6 .descriptionWidth__3f16f {
- width: 100%;
- box-sizing: border-box;
- padding: 0 140px 32px 0;
- margin: 0;
- }
- .root_a28985 .contentContainer__7dbc6 .descriptionWidth__3f16f .centerText_f669d1 {
- text-align: left;
- }
- .root_a28985 .contentContainer__7dbc6 .container__3478c {
- padding: 32px;
- }
- .root_a28985 .contentContainer__7dbc6 .topImage__6730c {
- position: absolute;
- top: 0;
- right: 32px;
- width: 140px;
- }
- .root_a28985:has(.linkCalloutContainer-1CixBe) .title-1xObkH {
- margin-top: 32px;
- margin-bottom: 32px;
- text-align: left;
- }
- .root_a28985:has(.linkCalloutContainer-1CixBe) .warningText-26ASyQ {
- text-align: left;
- margin-bottom: 10px;
- }
- .root_a28985:has(.linkCalloutContainer-1CixBe) .linkCalloutContainer-1CixBe {
- margin-bottom: 10px;
- border-radius: 3px;
- }
- .root_a28985:has(.linkCalloutContainer-1CixBe) .checkbox-1O3Aey {
- margin-bottom: 0;
- }
- .root_a28985:has(.userProfileModalOuter__3fe6b)::before {
- display: none;
- }
- .userProfileModalOuter__3fe6b.profileColors__2e2f0 {
- --profile-gradient-secondary-color: rgb(0 0 0/.4);
- --profile-gradient-primary-color: rgb(0 0 0/.2);
- }
- .userProfileModalOuter__3fe6b .topSection_dfb73b {
- position: relative;
- margin-bottom: 0;
- z-index: unset;
- box-sizing: border-box;
- width: 100%;
- }
- .userProfileModalOuter__3fe6b .header__7da4f {
- position: absolute;
- bottom: -144px;
- left: 0;
- padding: 0 24px;
- width: 100%;
- box-sizing: border-box;
- display: flex;
- flex-flow: row nowrap;
- justify-content: space-between;
- z-index: 2;
- }
- .userProfileModalOuter__3fe6b .header__7da4f .avatar__445f3 {
- position: relative;
- inset: unset;
- display: flex;
- }
- .userProfileModalOuter__3fe6b .header__7da4f .headerTop__6628b {
- position: relative;
- inset: unset;
- width: 200px;
- flex-flow: column wrap;
- }
- .userProfileModalOuter__3fe6b .badgeList_c193e3 {
- display: flex;
- flex-flow: row wrap;
- background: rgba(0, 0, 0, 0.3);
- border-radius: 3px;
- padding: 10px;
- box-shadow: none;
- width: -moz-fit-content;
- width: fit-content;
- box-sizing: border-box;
- margin-right: 0;
- gap: 6px 10px;
- }
- .userProfileModalOuter__3fe6b .relationshipButtons__5efdd {
- width: 100%;
- gap: 4px;
- margin-top: 12px;
- }
- .userProfileModalOuter__3fe6b .relationshipButtons__5efdd button {
- box-shadow: none;
- background: rgba(0, 0, 0, 0.3);
- color: var(--gpColor-Green);
- }
- .userProfileModalOuter__3fe6b .relationshipButtons__5efdd button:hover {
- color: #fff;
- background: var(--gpColor-Green);
- }
- .userProfileModalOuter__3fe6b .relationshipButtons__5efdd [role=button] {
- background: rgba(0, 0, 0, 0.3);
- height: 34px;
- width: 34px;
- display: flex;
- align-items: center;
- justify-content: center;
- border-radius: 2px;
- }
- .userProfileModalOuter__3fe6b .relationshipButtons__5efdd [role=button] svg {
- height: 18px;
- width: 18px;
- margin: 0;
- padding: 8px;
- rotate: 90deg;
- }
- .userProfileModalOuter__3fe6b .body_ea740e {
- padding-top: 168px;
- position: relative;
- }
- .userProfileModalOuter__3fe6b .container_b6b15b {
- position: absolute;
- top: 24px;
- left: 0;
- padding: 0 240px 0 160px;
- width: 100%;
- box-sizing: border-box;
- overflow: hidden;
- }
- .userProfileModalOuter__3fe6b .container_b6b15b [data-text-variant="text-lg/semibold"] {
- font-size: 24px;
- line-height: 40px;
- font-weight: 200;
- color: #fff;
- margin-right: 0 !important;
- overflow: hidden;
- }
- .userProfileModalOuter__3fe6b .userProfileModalInner__7c87d {
- overflow: hidden overlay;
- box-sizing: border-box;
- max-height: calc(100vh - 84px);
- }
- .userProfileModalOuter__3fe6b .userProfileModalInner__7c87d::-webkit-scrollbar {
- width: 8px;
- height: 8px;
- }
- .userProfileModalOuter__3fe6b .userProfileModalInner__7c87d::-webkit-scrollbar-track {
- border-color: transparent;
- background-color: transparent;
- border: 2px solid transparent;
- margin-top: 212px;
- }
- .userProfileModalOuter__3fe6b .userProfileModalInner__7c87d::-webkit-scrollbar-thumb {
- background-clip: padding-box;
- border: 2px solid transparent;
- border-radius: 4px;
- background-color: var(--scroller-color);
- min-height: 40px;
- }
- .userProfileModalOuter__3fe6b .userProfileModalInner__7c87d::-webkit-scrollbar-corner {
- background-color: transparent;
- }
- .userProfileModalOuter__3fe6b .overlayBackground__86b78,
- .userProfileModalOuter__3fe6b .body_ea740e {
- overflow: visible;
- }
- .userProfileModalOuter__3fe6b.userProfileOuterUnthemed__48723 .bannerSVGWrapper__3e7b0 {
- position: absolute;
- inset: 0;
- }
- .userProfileModalOuter__3fe6b.userProfileOuterUnthemed__48723 .pencilContainer_d4ce8d {
- display: none;
- }
- .userProfileModalOuter__3fe6b.userProfileOuterUnthemed__48723 .overlayBackground__86b78 {
- margin-top: 0;
- }
- .userProfileModalOuter__3fe6b .top__592a7 {
- padding: 0;
- gap: 0;
- display: flex;
- flex-direction: row;
- position: relative;
- border-bottom: none;
- }
- .userProfileModalOuter__3fe6b .top__592a7:has(.item__48dda:nth-child(1):last-child) {
- --btn-count: 1;
- }
- .userProfileModalOuter__3fe6b .top__592a7:has(.item__48dda:nth-child(2):last-child) {
- --btn-count: 2;
- }
- .userProfileModalOuter__3fe6b .top__592a7:has(.item__48dda:nth-child(3):last-child) {
- --btn-count: 3;
- }
- .userProfileModalOuter__3fe6b .top__592a7:has(.item__48dda:nth-child(4):last-child) {
- --btn-count: 4;
- }
- .userProfileModalOuter__3fe6b .top__592a7:has(.item__48dda:nth-child(5):last-child) {
- --btn-count: 5;
- }
- .userProfileModalOuter__3fe6b .top__592a7 .item__48dda {
- background: none;
- margin: 0;
- display: flex;
- flex: 0 1 calc(100% / var(--btn-count));
- justify-content: center;
- border-bottom: none;
- height: unset;
- padding: 8px 14px;
- font-size: 14px;
- font-weight: 700;
- text-transform: uppercase;
- }
- .userProfileModalOuter__3fe6b .top__592a7 .item__48dda:not(.selected__5711d):hover {
- color: var(--interactive-hover);
- }
- .userProfileModalOuter__3fe6b .top__592a7::before {
- content: "";
- position: absolute;
- height: 4px;
- bottom: 0;
- width: calc(100% / var(--btn-count));
- background: var(--profile-gradient-secondary-color);
- transition: translate 0.2s ease;
- }
- .userProfileModalOuter__3fe6b .top__592a7:has(.selected__5711d:nth-child(2)):before {
- translate: 100%;
- }
- .userProfileModalOuter__3fe6b .top__592a7:has(.selected__5711d:nth-child(3)):before {
- translate: 200%;
- }
- .userProfileModalOuter__3fe6b .top__592a7:has(.selected__5711d:nth-child(4)):before {
- translate: 300%;
- }
- .userProfileModalOuter__3fe6b .top__592a7:has(.selected__5711d:nth-child(5)):before {
- translate: 400%;
- }
- .userProfileModalOuter__3fe6b .scrollerBase_dc3aa9 {
- overflow: hidden overlay !important;
- padding: 0 !important;
- margin: 16px 12px 12px 12px;
- }
- .userProfileModalOuter__3fe6b .userInfoText__5f822 {
- margin-bottom: 0;
- }
- .userProfileModalOuter__3fe6b .userInfoText__5f822 .lineClamp2Plus_d4306b {
- -webkit-line-clamp: 20 !important;
- }
- .userProfileModalOuter__3fe6b .userInfoSection__1daf8 {
- padding: 0;
- }
- .userProfileModalOuter__3fe6b .userInfoSection__1daf8 h1 {
- background: linear-gradient(90deg, var(--profile-gradient-secondary-color) 0%, var(--profile-gradient-primary-color) 90%);
- padding: 5px 10px 5px 10px;
- color: #ffffff;
- font-size: 16px;
- font-weight: 200;
- line-height: 30px;
- border-radius: 3px 3px 0 0;
- margin-bottom: 0;
- -webkit-user-select: text;
- -moz-user-select: text;
- user-select: text;
- }
- .userProfileModalOuter__3fe6b .userInfoSection__1daf8 h1 + div {
- background: rgba(0, 0, 0, 0.3);
- border-radius: 0 0 3px 3px;
- padding: 20px 10px 11px 10px;
- margin-bottom: 12px;
- }
- .userProfileModalOuter__3fe6b .note__7a4f4 {
- margin: 0 0 12px 0;
- }
- .userProfileModalOuter__3fe6b .userInfoText__5f822 [data-text-variant="text-sm/normal"] {
- background: rgba(0, 0, 0, 0.3);
- padding: 8px;
- border-radius: 5px;
- }
- .userProfileModalOuter__3fe6b .tabBarContainer__63f55 {
- border-bottom: 0;
- margin: 0 12px;
- }
- .userProfileModalOuter__3fe6b:has(.connectedAccountsColumn_fd2c41) .infoScroller__6ec79 {
- flex-flow: row wrap;
- display: grid;
- grid-template-columns: 1fr 200px;
- grid-gap: 12px;
- grid-template-areas: "info accounts" "hidden hidden";
- }
- .userProfileModalOuter__3fe6b .userInfoSection__1daf8 + .userInfoSection__1daf8 {
- border-top: none;
- }
- .userProfileModalOuter__3fe6b .memberSinceContainer__0a28b .userInfoText__5f822 {
- font-size: 34px;
- line-height: 38px;
- font-weight: 200;
- color: #fff;
- background: rgba(0, 0, 0, 0.3);
- padding: 8px;
- border-radius: 5px;
- width: 100%;
- -webkit-user-select: text;
- -moz-user-select: text;
- user-select: text;
- }
- .userProfileModalOuter__3fe6b .infoScroller__6ec79 .userInfoSection__1daf8:not(.connectedAccounts_dc0a56) {
- grid-area: info;
- }
- .userProfileModalOuter__3fe6b .infoScroller__6ec79 .connectedAccounts_dc0a56 {
- grid-area: accounts;
- flex-direction: column;
- background: rgba(0, 0, 0, 0.3);
- border-radius: 3px;
- padding: 10px;
- height: -moz-fit-content;
- height: fit-content;
- box-sizing: border-box;
- }
- .userProfileModalOuter__3fe6b .infoScroller__6ec79 > [aria-hidden=true] {
- grid-area: hidden;
- }
- .userProfileModalOuter__3fe6b .connectedAccountsColumn_fd2c41 {
- width: 100%;
- }
- .userProfileModalOuter__3fe6b .connectedAccountsColumn_fd2c41 + .connectedAccountsColumn_fd2c41 {
- margin-left: 0;
- }
- .userProfileModalOuter__3fe6b .connectedAccountContainer__23f00 {
- margin: 0 0 4px 0;
- padding: 4px 0 4px 4px;
- border-radius: 0;
- border: none;
- min-height: 36px;
- position: relative;
- }
- .userProfileModalOuter__3fe6b .connectedAccount__28fb0 {
- gap: 7px;
- }
- .userProfileModalOuter__3fe6b .connectedAccountIcon__6bc30 {
- height: 34px;
- width: 34px;
- }
- .userProfileModalOuter__3fe6b .connectedAccountNameText__00810 {
- font-size: 13px;
- line-height: 17px;
- font-weight: 400;
- }
- .userProfileModalOuter__3fe6b .connectedAccountChildren__21b60 {
- margin-left: 41px;
- }
- .userProfileModalOuter__3fe6b .connectedAccountVerifiedIcon_db6dbd {
- display: none;
- }
- .userProfileModalOuter__3fe6b .anchor_c8ddc0:has(.connectedAccountOpenIcon_df549d):hover {
- background: var(--btn-brand-hover);
- border-radius: 2px;
- }
- .userProfileModalOuter__3fe6b .anchor_c8ddc0:has(.connectedAccountOpenIcon_df549d):hover svg {
- color: #fff;
- }
- .userProfileModalOuter__3fe6b .anchor_c8ddc0:has(.connectedAccountOpenIcon_df549d) svg {
- color: var(--btn-brand-text);
- height: 18px;
- width: 18px;
- }
- .userProfileModalOuter__3fe6b .listScroller__92e1a {
- display: grid;
- grid-template-columns: repeat(2, minmax(0, 1fr));
- grid-gap: 7px;
- background: rgba(0, 0, 0, 0.3);
- border-radius: 3px;
- padding: 20px 10px 11px 10px !important;
- width: calc(100% - 12px - 10px);
- }
- .userProfileModalOuter__3fe6b .listRow__60937 {
- background: rgba(0, 0, 0, 0.3);
- padding: 8px;
- border-radius: 5px;
- margin: 0;
- height: -moz-fit-content;
- height: fit-content;
- }
- .userProfileModalOuter__3fe6b .listName_dbd44a {
- font-size: 14px;
- line-height: 18px;
- }
- .userProfileModalOuter__3fe6b .guildNick__01069 {
- font-size: 13px;
- line-height: 17px;
- }
- .userProfileModalOuter__3fe6b .userProfileActivity__68b33 {
- grid-column: span 2;
- background: rgba(0, 0, 0, 0.3);
- padding: 8px;
- border-radius: 5px;
- }
- .userProfileModalOuter__3fe6b .empty__18e40 {
- grid-column: span 2;
- }
- .assetsLargeImage_b88a59,
- .iconActiveMedium_d5475f {
- border-radius: 0;
- }
- .modal_d2e7a7 {
- background: var(--modal-background) !important;
- }
- .carouselModal_c0d5b7 {
- width: -moz-fit-content;
- width: fit-content;
- height: -moz-fit-content;
- height: fit-content;
- }
- .wrapper__76d8d {
- inset: unset;
- position: relative;
- }
- .wrapper__8e1d7 {
- padding: 32px;
- }
- .arrowContainer__94160 {
- top: unset;
- bottom: 8px;
- transform: none;
- color: var(--brand-experiment);
- width: 34px;
- height: 34px;
- opacity: 1;
- border-radius: 2px;
- background: var(--btn-grey);
- box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2);
- transition-property: background, box-shadow, color;
- transition-duration: 0.2s;
- transition-timing-function: ease-out;
- }
- .arrowContainer__94160:hover {
- background: var(--btn-grey-hover);
- box-shadow: var(--btn-grey-boxshadow);
- }
- .arrowContainer__94160.navPrev_d8d242 {
- margin-left: 4px;
- }
- .arrowContainer__94160.navNext_ec1363 {
- margin-right: 4px;
- }
- .arrowContainer__94160 svg {
- height: 18px;
- width: 18px;
- }
- /* Header */
- .detailsWrapper-TE1mu5 {
- width: 100%;
- position: relative;
- inset: 0;
- order: -1;
- border-radius: 8px 8px 0 0;
- box-shadow: var(--elevation-low);
- background: var(--background-accent);
- padding: 6px 0;
- text-align: center;
- }
- .detailsWrapper-TE1mu5 .details-9dkFPc {
- padding: 0 6px;
- color: var(--text-normal);
- }
- .detailsWrapper-TE1mu5 .details-9dkFPc:first-child {
- margin-top: 0;
- font-family: var(--font-display);
- color: var(--header-primary);
- font-weight: 600;
- }
- .detailsWrapper-TE1mu5 .details-9dkFPc:not(:last-child) .label-mrlccN {
- display: none;
- }
- .detailsWrapper-TE1mu5 .details-9dkFPc .label-mrlccN {
- width: unset;
- margin-right: 8px;
- }
- /* Bottom Controls */
- .wrapper__8e1d7 > .downloadLink_e5ebe9,
- .operations__07224 {
- position: relative;
- display: flex;
- width: 100%;
- justify-content: center;
- }
- .wrapper__8e1d7 .downloadLink_e5ebe9 {
- top: unset;
- opacity: 1;
- color: var(--text-link) !important;
- }
- #app-mount [id^=popout] > [aria-modal=true] > div:only-child:not(.spinner_f931ee) {
- background: var(--modal-background);
- box-shadow: inset var(--background-accent-75) 1px 1px 1px 0, inset var(--background-accent-25) -1px -1px 1px 0;
- border-radius: 0;
- border: 1px solid #000;
- padding: 1px;
- width: 300px;
- max-width: 300px;
- min-width: 300px;
- max-height: 78vh !important;
- }
- #app-mount [id^=popout] > [aria-modal=true] > div:only-child:not(.spinner_f931ee) > [class*=header] {
- position: relative;
- padding: 5px 15px 10px 15px;
- background: none;
- box-shadow: none;
- height: unset;
- min-height: unset;
- }
- #app-mount [id^=popout] > [aria-modal=true] > div:only-child:not(.spinner_f931ee) > [class*=header] h1 {
- font-size: 16px;
- font-weight: 700;
- }
- #app-mount [id^=popout] > [aria-modal=true] > div:only-child:not(.spinner_f931ee) > [class*=header] .size32_eadcb9 {
- width: 30px;
- min-width: 30px;
- height: 30px;
- min-height: 30px;
- transition: none;
- background: var(--btn-grey-hover);
- border-radius: 2px;
- }
- #app-mount [id^=popout] > [aria-modal=true] > div:only-child:not(.spinner_f931ee) > [class*=header] .size32_eadcb9.secondary_c96c46:hover:not(.disabled__8e315) {
- background: var(--background-accent-hover);
- }
- #app-mount [id^=popout] > [aria-modal=true] > div:only-child:not(.spinner_f931ee) .scrollerBase_dc3aa9 {
- padding: 4px 0 0 4px;
- }
- #app-mount [id^=popout] > [aria-modal=true] > div:only-child:not(.spinner_f931ee) .scrollerBase_dc3aa9::-webkit-scrollbar {
- width: 4px;
- }
- #app-mount [id^=popout] > [aria-modal=true] > div:only-child:not(.spinner_f931ee) .scrollerBase_dc3aa9 .wrapper__09ecc {
- padding: 10px 10px 10px 14px;
- }
- #app-mount [id^=popout] > [aria-modal=true] > div:only-child:not(.spinner_f931ee) .scrollerBase_dc3aa9 .avatar__08316 {
- left: 16px;
- }
- #app-mount [id^=popout] > [aria-modal=true] > div:only-child:not(.spinner_f931ee) .scrollerBase_dc3aa9 .header__39b23 {
- opacity: 1;
- display: flex;
- flex-direction: column-reverse;
- padding-left: 58px;
- margin-bottom: 10px;
- }
- #app-mount [id^=popout] > [aria-modal=true] > div:only-child:not(.spinner_f931ee) .scrollerBase_dc3aa9 .username_d30d99 {
- font-size: 0.75rem;
- line-height: 1.125rem;
- }
- #app-mount [id^=popout] > [aria-modal=true] > div:only-child:not(.spinner_f931ee) .scrollerBase_dc3aa9 .timestamp_cdbd93 {
- font-size: 0.6875rem;
- }
- #app-mount [id^=popout] > [aria-modal=true] > div:only-child:not(.spinner_f931ee) .scrollerBase_dc3aa9 .timestampInline__470e0 {
- margin-left: 0;
- }
- #app-mount [id^=popout] > [aria-modal=true] > div:only-child:not(.spinner_f931ee) .scrollerBase_dc3aa9 .markup_a7e664 {
- font-size: 0.875rem;
- line-height: 1.25rem;
- }
- #app-mount [id^=popout] > [aria-modal=true] > div:only-child:not(.spinner_f931ee) .scrollerBase_dc3aa9 .markup_a7e664 pre {
- max-width: 100%;
- }
- #app-mount [id^=popout] > [aria-modal=true] > div:only-child:not(.spinner_f931ee) .scrollerBase_dc3aa9 .markup_a7e664 code {
- font-size: 0.875rem;
- line-height: 1.25rem;
- }
- #app-mount [id^=popout] > [aria-modal=true] > div:only-child:not(.spinner_f931ee) .scrollerBase_dc3aa9 .repliedMessage_e2bf4a {
- top: 64px;
- left: 19px;
- padding: 4px;
- font-size: 0.8125rem;
- line-height: 1.0625rem;
- }
- #app-mount [id^=popout] > [aria-modal=true] > div:only-child:not(.spinner_f931ee) .scrollerBase_dc3aa9 .repliedMessage_e2bf4a + .contents_f41bb2 .header__39b23 {
- margin-bottom: 45px;
- }
- .popout__24e32 {
- background: var(--contextmenu-gradient);
- padding: 8px 5px 8px 5px;
- border-radius: 0;
- box-shadow: 3px 3px 5px -3px #000;
- }
- .popout__24e32 .row__4daf2 {
- margin: 0 -5px;
- border-radius: 0;
- padding: 6px 15px;
- font-size: 12px;
- min-height: 21px;
- color: var(--contextmenu-text);
- }
- .popout__24e32 .row__4daf2:hover {
- background: var(--contextmenu-text);
- color: var(--contextmenu-text-hover);
- }
- .popout__24e32 .row__4daf2:hover .timestamp_e48059 {
- color: var(--contextmenu-text-hover);
- }
- #app-mount .addGamePopout_e4ca8f {
- background: var(--modal-background);
- box-shadow: var(--modal-shadow);
- border-radius: 0;
- }
- .addGamePopout_e4ca8f {
- padding: 16px;
- }
- .addGamePopout_e4ca8f .divider__2bbbc {
- margin: 10px 0 16px 0;
- }
- .addGamePopout_e4ca8f .actions__0d917 {
- gap: 4px;
- }
- .container_d27846 {
- border-radius: 0;
- border: none;
- background: var(--contextmenu-background);
- box-shadow: var(--contextmenu-shadow);
- padding: 0;
- }
- .container_d27846 .container__7712a {
- background: rgba(0, 0, 0, 0.2);
- border: 1px solid #000;
- box-shadow: 1px 1px 0 0 var(--store-search-border);
- font-size: 20px;
- border-radius: 2px;
- margin: 8px 8px 0;
- }
- .container_d27846 .container__7712a:hover {
- background: rgba(0, 0, 0, 0.3);
- }
- .container_d27846 .container__7712a:focus, .container_d27846 .container__7712a:focus-within {
- background: var(--background-modifier-accent-dark);
- box-shadow: inset 1px 1px 4px rgba(0, 0, 0, 0.6666666667);
- }
- .container_d27846 .container__7712a input {
- font-size: 14px;
- font-weight: 300;
- line-height: 22px;
- }
- .container_d27846 .container__7712a input::-moz-placeholder {
- font-style: italic;
- }
- .container_d27846 .container__7712a input::placeholder {
- font-style: italic;
- }
- .container_d27846 .container__7712a svg {
- color: var(--brand-experiment);
- }
- .container_d27846 .item__287de {
- font-weight: 400;
- font-size: 14px;
- line-height: 18px;
- height: 36px;
- box-sizing: border-box;
- border-radius: 0;
- color: var(--contextmenu-text);
- }
- .container_d27846 .item__287de:hover:not(.disabled__1c6ff) {
- background: var(--contextmenu-text);
- color: var(--contextmenu-text-hover);
- }
- .container_d27846 .item__287de:hover:not(.disabled__1c6ff) .roleName_d19d33 .defaultColor__77578 {
- color: var(--contextmenu-text-hover);
- }
- .container_d27846 .item__287de .roleCircle_bae511 {
- box-shadow: 0 2px 3px rgba(0, 0, 0, 0.3);
- }
- #app-mount .contentWarningPopout__7d8c2 {
- background: var(--modal-background);
- border-radius: 0;
- box-shadow: var(--modal-shadow);
- }
- #app-mount .contentWarningPopout__7d8c2 .body_fa303f {
- background: none;
- }
- #app-mount .contentWarningPopout__7d8c2 .footer__36118 {
- background: none;
- }
- #app-mount .autocomplete_df266d {
- background: var(--modal-background);
- }
- .autocomplete_df266d .section_e983c1 {
- border-radius: 3px;
- }
- .autocomplete_df266d .wrapper__19c60 {
- border-radius: 3px;
- transition: none;
- }
- .autocomplete_df266d .wrapper__9ae30 {
- border-radius: 3px;
- }
- .autocomplete_df266d .wrapper__9ae30 svg {
- border-radius: 3px;
- }
- .autocomplete_df266d .wrapper__9ae30 foreignObject {
- -webkit-mask: none;
- mask: none;
- }
- .autocomplete_df266d .rail_ad1aea .wrapper__9ae30,
- .autocomplete_df266d .rail_ad1aea .wrapper__19c60 {
- transition: none;
- height: 32px;
- width: 32px;
- }
- .autocomplete_df266d .rail_ad1aea .wrapper__9ae30:hover,
- .autocomplete_df266d .rail_ad1aea .wrapper__19c60:hover {
- box-shadow: 0 0 0 1px var(--header-primary);
- }
- .autocomplete_df266d .rail_ad1aea .wrapper__9ae30:hover svg,
- .autocomplete_df266d .rail_ad1aea .wrapper__19c60:hover svg {
- -webkit-clip-path: inset(1px round 3px);
- clip-path: inset(1px round 3px);
- }
- .autocomplete_df266d .selected__608f1,
- .autocomplete_df266d .selected__608f1:hover {
- background: none;
- }
- .autocomplete_df266d .clickable_f8437d[aria-disabled=false] > .base__76a71:hover {
- background-color: var(--background-accent);
- }
- .autocomplete_df266d .base__76a71 {
- border-radius: 0;
- }
- .autocomplete_df266d [data-text-variant="text-md/normal"] {
- font-size: 14px;
- line-height: 18px;
- font-weight: 400;
- }
- .outerWrapper__08924,
- .autocomplete__0c75a {
- border-radius: 0;
- box-shadow: var(--modal-shadow);
- }
- .autocomplete_df266d .wrapper__4e8f1 {
- background: none;
- }
- .autocomplete_df266d .autocompleteInner_a0e6a1:has(.list__0870a)::before {
- content: "";
- position: absolute;
- top: 16px;
- right: 16px;
- height: calc(100% - 32px);
- width: calc(100% - 56px - 16px);
- box-shadow: inset 1px 1px 4px rgba(0, 0, 0, 0.6666666667);
- z-index: 2;
- pointer-events: none;
- border-radius: 2px;
- }
- .autocomplete_df266d .list__0870a {
- background: var(--background-modifier-accent-dark);
- margin: 16px 16px 0 0;
- height: calc(100% - 32px);
- border-radius: 2px;
- }
- .autocomplete_df266d .categoryHeader_f97a5f {
- background: var(--background-modifier-accent-dark);
- }
- .autocomplete_df266d .categoryHeader_f97a5f .headerLabel_e9f74f {
- text-transform: capitalize;
- }
- #app-mount .customColorPicker__3cb6a {
- background: var(--contextmenu-background);
- }
- .customColorPicker__3cb6a {
- padding: 16px;
- gap: 10px;
- border: none;
- border-radius: 0;
- box-shadow: var(--contextmenu-shadow);
- }
- .customColorPicker__3cb6a .customColorPickerEyeDropper_d9828d {
- height: 34px;
- width: 34px;
- border-radius: 2px;
- background: rgba(0, 0, 0, 0.2);
- transition-property: background, box-shadow;
- transition-duration: 0.2s;
- transition-timing-function: ease-out;
- }
- .customColorPicker__3cb6a .customColorPickerEyeDropper_d9828d:hover {
- background: rgba(0, 0, 0, 0.3);
- box-shadow: var(--btn-grey-boxshadow);
- }
- .customColorPicker__3cb6a .customColorPickerEyeDropper_d9828d:hover svg {
- color: var(--brand-experiment);
- }
- .customColorPicker__3cb6a .customColorPickerEyeDropper_d9828d svg {
- color: var(--brand-experiment);
- height: 18px;
- width: 18px;
- }
- .customColorPicker__3cb6a .input_d266e7 {
- background: rgba(0, 0, 0, 0.2);
- border: 1px solid #000;
- box-shadow: 1px 1px 0 0 var(--store-search-border);
- }
- .customColorPicker__3cb6a .input_d266e7:hover:not(:focus, :focus-within) {
- background: rgba(0, 0, 0, 0.3);
- }
- .customColorPicker__3cb6a .suggestedColor__34249 {
- width: 34px;
- height: 34px;
- border-radius: 2px;
- border: none;
- transition-property: box-shadow;
- transition-duration: 0.2s;
- transition-timing-function: ease-out;
- }
- .customColorPicker__3cb6a .suggestedColor__34249:hover {
- box-shadow: var(--btn-grey-boxshadow);
- }
- .hue__687e2 {
- height: 8px;
- margin: 10px 0;
- }
- .hue__687e2 > div > div {
- border-radius: 50px;
- }
- .menu_dc52c6 {
- box-shadow: var(--contextmenu-shadow);
- background: var(--contextmenu-background);
- border-radius: 0;
- }
- .menu_dc52c6 .button__3ecb4 {
- width: 30px;
- height: 30px;
- padding: unset;
- border-radius: 2px;
- background: none;
- }
- .menu_dc52c6 .button__3ecb4.focused__47631 {
- background: var(--contextmenu-text);
- }
- .menu_dc52c6 .scroller__750f5 {
- padding: 0;
- overflow-y: auto !important;
- }
- .submenuPaddingContainer__12a9d {
- margin: 0 -4px;
- }
- .item__183e8.colorDefault__0b482 {
- border-radius: 0;
- margin: 0;
- padding: 6px 15px;
- font-size: 12px;
- min-height: 21px;
- }
- .item__183e8.colorDefault__0b482:not(.colorDanger_eec36d) {
- color: var(--contextmenu-text);
- }
- .item__183e8.colorDefault__0b482:not(.colorDanger_eec36d).focused__27621, .item__183e8.colorDefault__0b482:not(.colorDanger_eec36d):active {
- background: var(--contextmenu-text);
- color: var(--contextmenu-text-hover);
- }
- .item__183e8.colorDefault__0b482:not(.colorDanger_eec36d).focused__27621 .subtext__8a015,
- .item__183e8.colorDefault__0b482:not(.colorDanger_eec36d).focused__27621 .caret_ce50ce,
- .item__183e8.colorDefault__0b482:not(.colorDanger_eec36d).focused__27621 .radioSelection__5ed39,
- .item__183e8.colorDefault__0b482:not(.colorDanger_eec36d).focused__27621 .checkbox__45366, .item__183e8.colorDefault__0b482:not(.colorDanger_eec36d):active .subtext__8a015,
- .item__183e8.colorDefault__0b482:not(.colorDanger_eec36d):active .caret_ce50ce,
- .item__183e8.colorDefault__0b482:not(.colorDanger_eec36d):active .radioSelection__5ed39,
- .item__183e8.colorDefault__0b482:not(.colorDanger_eec36d):active .checkbox__45366 {
- color: var(--contextmenu-text-hover);
- }
- .item__183e8.colorDefault__0b482:not(.colorDanger_eec36d).focused__27621 .check__8d1bd, .item__183e8.colorDefault__0b482:not(.colorDanger_eec36d):active .check__8d1bd {
- color: var(--contextmenu-text);
- }
- .item__183e8 .iconContainer__829e7 {
- justify-content: center;
- align-items: center;
- display: flex;
- }
- .item__183e8 .icon_f09dde {
- width: 16px;
- }
- .focused_f6efd9 .userMenuUsername_f6de35 .userMenuDiscriminator_b70e1b, .focused_f6efd9 .userMenuUsername_f6de35 .userMenuText_a180af {
- color: var(--contextmenu-text-hover);
- }
- .popoutContainer__7b9a3 {
- border: 2px solid #3A3A3A;
- padding: 16px;
- background-color: #1d1d1d;
- box-shadow: 0 0 12px #000000;
- border-radius: 0;
- }
- .popoutContainer__7b9a3 .emojiSection_a65b54 {
- padding: 0;
- }
- .popoutContainer__7b9a3 [data-text-variant="text-md/semibold"] {
- color: #b4b4b4;
- font-weight: 400;
- font-size: 24px;
- line-height: 28px;
- margin-bottom: 5px;
- }
- .popoutContainer__7b9a3 [data-text-variant="text-sm/normal"] {
- color: #767676;
- font-weight: 500;
- }
- .popoutContainer__7b9a3 button {
- width: -moz-fit-content;
- width: fit-content;
- }
- .popoutContainer__7b9a3 .guildSection_ebda04 {
- padding: 0;
- background: none;
- position: relative;
- margin-top: 24px;
- padding-top: 24px;
- }
- .popoutContainer__7b9a3 .guildSection_ebda04::before {
- content: "";
- display: block;
- height: 2px;
- width: 100%;
- background: linear-gradient(to right, transparent, #3A3A3A, transparent);
- position: absolute;
- top: 0;
- }
- .popoutContainer__7b9a3 .guildSection_ebda04 .guildTitle_a1388f {
- display: none;
- }
- .popoutContainer__7b9a3 .guildSection_ebda04 svg {
- border-radius: 3px;
- }
- .popoutContainer__7b9a3 .guildSection_ebda04 svg foreignObject {
- -webkit-mask: none;
- mask: none;
- }
- .popoutContainer__7b9a3 .guildSection_ebda04 .guildName__6b418 {
- font-weight: 500;
- color: #767676;
- }
- .popoutContainer__7b9a3 .guildSection_ebda04 [data-text-variant="text-xs/normal"] {
- --header-secondary: #767676;
- font-size: 14px;
- line-height: 18px;
- font-weight: 500;
- }
- .contentWrapper_eab878.isBurstReactionPicker_b9ca03 {
- border-radius: 0;
- }
- .layer_ec16dd > #emoji-picker-tab-panel .emojiPicker_b65ce9 {
- background: none;
- box-shadow: none;
- border-radius: 0;
- }
- .contentWrapper__321ed,
- .contentWrapper_eab878,
- .layer_ec16dd > #emoji-picker-tab-panel {
- background: var(--modal-background);
- border-radius: 0;
- box-shadow: 1px 3px 14px rgba(0, 0, 0, 0.65);
- grid-template-rows: 34px auto;
- grid-row-gap: 10px;
- }
- .contentWrapper__321ed [class*=navList],
- .contentWrapper_eab878 [class*=navList],
- .layer_ec16dd > #emoji-picker-tab-panel [class*=navList] {
- background: var(--darker-grey);
- border-radius: 2px;
- padding: 0;
- margin: 0 0 10px 0;
- gap: 0;
- display: flex;
- flex-direction: row;
- position: relative;
- box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.6666666667);
- border-bottom: none;
- }
- .contentWrapper__321ed [class*=navList]:has(button:nth-child(1):last-child),
- .contentWrapper_eab878 [class*=navList]:has(button:nth-child(1):last-child),
- .layer_ec16dd > #emoji-picker-tab-panel [class*=navList]:has(button:nth-child(1):last-child) {
- --btn-count: 1;
- }
- .contentWrapper__321ed [class*=navList]:has(button:nth-child(2):last-child),
- .contentWrapper_eab878 [class*=navList]:has(button:nth-child(2):last-child),
- .layer_ec16dd > #emoji-picker-tab-panel [class*=navList]:has(button:nth-child(2):last-child) {
- --btn-count: 2;
- }
- .contentWrapper__321ed [class*=navList]:has(button:nth-child(3):last-child),
- .contentWrapper_eab878 [class*=navList]:has(button:nth-child(3):last-child),
- .layer_ec16dd > #emoji-picker-tab-panel [class*=navList]:has(button:nth-child(3):last-child) {
- --btn-count: 3;
- }
- .contentWrapper__321ed [class*=navList]:has(button:nth-child(4):last-child),
- .contentWrapper_eab878 [class*=navList]:has(button:nth-child(4):last-child),
- .layer_ec16dd > #emoji-picker-tab-panel [class*=navList]:has(button:nth-child(4):last-child) {
- --btn-count: 4;
- }
- .contentWrapper__321ed [class*=navList]:has(button:nth-child(5):last-child),
- .contentWrapper_eab878 [class*=navList]:has(button:nth-child(5):last-child),
- .layer_ec16dd > #emoji-picker-tab-panel [class*=navList]:has(button:nth-child(5):last-child) {
- --btn-count: 5;
- }
- .contentWrapper__321ed [class*=navList]:has(button:nth-child(6):last-child),
- .contentWrapper_eab878 [class*=navList]:has(button:nth-child(6):last-child),
- .layer_ec16dd > #emoji-picker-tab-panel [class*=navList]:has(button:nth-child(6):last-child) {
- --btn-count: 6;
- }
- .contentWrapper__321ed [class*=navList]:has([aria-selected=true]:nth-child(2)):before,
- .contentWrapper_eab878 [class*=navList]:has([aria-selected=true]:nth-child(2)):before,
- .layer_ec16dd > #emoji-picker-tab-panel [class*=navList]:has([aria-selected=true]:nth-child(2)):before {
- translate: 100%;
- }
- .contentWrapper__321ed [class*=navList]:has([aria-selected=true]:nth-child(3)):before,
- .contentWrapper_eab878 [class*=navList]:has([aria-selected=true]:nth-child(3)):before,
- .layer_ec16dd > #emoji-picker-tab-panel [class*=navList]:has([aria-selected=true]:nth-child(3)):before {
- translate: 200%;
- }
- .contentWrapper__321ed [class*=navList]:has([aria-selected=true]:nth-child(4)):before,
- .contentWrapper_eab878 [class*=navList]:has([aria-selected=true]:nth-child(4)):before,
- .layer_ec16dd > #emoji-picker-tab-panel [class*=navList]:has([aria-selected=true]:nth-child(4)):before {
- translate: 300%;
- }
- .contentWrapper__321ed [class*=navList]:has([aria-selected=true]:nth-child(5)):before,
- .contentWrapper_eab878 [class*=navList]:has([aria-selected=true]:nth-child(5)):before,
- .layer_ec16dd > #emoji-picker-tab-panel [class*=navList]:has([aria-selected=true]:nth-child(5)):before {
- translate: 400%;
- }
- .contentWrapper__321ed [class*=navList]:has([aria-selected=true]:nth-child(6)):before,
- .contentWrapper_eab878 [class*=navList]:has([aria-selected=true]:nth-child(6)):before,
- .layer_ec16dd > #emoji-picker-tab-panel [class*=navList]:has([aria-selected=true]:nth-child(6)):before {
- translate: 500%;
- }
- .contentWrapper__321ed [class*=navList] button,
- .contentWrapper_eab878 [class*=navList] button,
- .layer_ec16dd > #emoji-picker-tab-panel [class*=navList] button {
- background: none;
- margin: 0;
- display: flex;
- flex: 0 1 calc(100% / var(--btn-count));
- justify-content: center;
- border-bottom: none;
- padding: 0;
- height: 34px;
- padding: 8px 14px;
- font-size: 14px;
- font-weight: 400;
- }
- .contentWrapper__321ed [class*=navList] button:not([aria-selected=true]):hover,
- .contentWrapper_eab878 [class*=navList] button:not([aria-selected=true]):hover,
- .layer_ec16dd > #emoji-picker-tab-panel [class*=navList] button:not([aria-selected=true]):hover {
- background: var(--btn-grey);
- }
- .contentWrapper__321ed [class*=navList]::before,
- .contentWrapper_eab878 [class*=navList]::before,
- .layer_ec16dd > #emoji-picker-tab-panel [class*=navList]::before {
- content: "";
- position: absolute;
- height: 100%;
- width: calc(100% / var(--btn-count));
- background: var(--btn-grey-hover);
- transition: translate 0.2s ease;
- border-radius: 2px;
- }
- .contentWrapper__321ed [class*=navList]:has(#reaction-picker-tab),
- .contentWrapper_eab878 [class*=navList]:has(#reaction-picker-tab),
- .layer_ec16dd > #emoji-picker-tab-panel [class*=navList]:has(#reaction-picker-tab) {
- --btn-count: 2;
- }
- .contentWrapper__321ed [class*=navList] > *:not(.betaTag__403f6),
- .contentWrapper_eab878 [class*=navList] > *:not(.betaTag__403f6),
- .layer_ec16dd > #emoji-picker-tab-panel [class*=navList] > *:not(.betaTag__403f6) {
- background: none;
- margin: 0;
- display: flex;
- flex: 0 1 calc(100% / var(--btn-count));
- justify-content: center;
- box-sizing: border-box;
- border-bottom: none;
- height: 34px;
- padding: 8px 14px;
- font-size: 14px;
- font-weight: 400;
- }
- .contentWrapper__321ed [class*=navList] > *:not(.betaTag__403f6):not([aria-selected=true], div:has(> #super-reaction-picker-tab[aria-selected=true])):hover,
- .contentWrapper_eab878 [class*=navList] > *:not(.betaTag__403f6):not([aria-selected=true], div:has(> #super-reaction-picker-tab[aria-selected=true])):hover,
- .layer_ec16dd > #emoji-picker-tab-panel [class*=navList] > *:not(.betaTag__403f6):not([aria-selected=true], div:has(> #super-reaction-picker-tab[aria-selected=true])):hover {
- background: var(--btn-grey);
- }
- .contentWrapper__321ed [class*=navList]:has(#super-reaction-picker-tab[aria-selected=true]):before,
- .contentWrapper_eab878 [class*=navList]:has(#super-reaction-picker-tab[aria-selected=true]):before,
- .layer_ec16dd > #emoji-picker-tab-panel [class*=navList]:has(#super-reaction-picker-tab[aria-selected=true]):before {
- translate: 100%;
- background: linear-gradient(270deg, var(--premium-tier-2-pink-for-gradients), var(--premium-tier-2-pink-for-gradients-2) 33.63%, var(--premium-tier-2-purple-for-gradients));
- }
- .contentWrapper__321ed [class*=navList] div:has(> #super-reaction-picker-tab),
- .contentWrapper_eab878 [class*=navList] div:has(> #super-reaction-picker-tab),
- .layer_ec16dd > #emoji-picker-tab-panel [class*=navList] div:has(> #super-reaction-picker-tab) {
- position: relative;
- }
- .contentWrapper__321ed [class*=navList] #super-reaction-picker-tab,
- .contentWrapper_eab878 [class*=navList] #super-reaction-picker-tab,
- .layer_ec16dd > #emoji-picker-tab-panel [class*=navList] #super-reaction-picker-tab {
- position: absolute;
- inset: 0;
- width: 100%;
- height: 100%;
- padding: 0;
- background: none;
- }
- .contentWrapper__321ed [class*=header_]:not(.wrapper__7a35f),
- .contentWrapper_eab878 [class*=header_]:not(.wrapper__7a35f),
- .layer_ec16dd > #emoji-picker-tab-panel [class*=header_]:not(.wrapper__7a35f) {
- box-shadow: none;
- border-radius: 0;
- background: none;
- }
- .contentWrapper__321ed [class*=header_]:not(.wrapper__7a35f) [class*=container_]:has(input),
- .contentWrapper_eab878 [class*=header_]:not(.wrapper__7a35f) [class*=container_]:has(input),
- .layer_ec16dd > #emoji-picker-tab-panel [class*=header_]:not(.wrapper__7a35f) [class*=container_]:has(input) {
- border-radius: 2px;
- background: var(--btn-grey);
- }
- .contentWrapper__321ed [class*=header_]:not(.wrapper__7a35f) [class*=container_]:has(input) input::-moz-placeholder, .contentWrapper_eab878 [class*=header_]:not(.wrapper__7a35f) [class*=container_]:has(input) input::-moz-placeholder, .layer_ec16dd > #emoji-picker-tab-panel [class*=header_]:not(.wrapper__7a35f) [class*=container_]:has(input) input::-moz-placeholder {
- font-style: italic;
- }
- .contentWrapper__321ed [class*=header_]:not(.wrapper__7a35f) [class*=container_]:has(input) input::placeholder,
- .contentWrapper_eab878 [class*=header_]:not(.wrapper__7a35f) [class*=container_]:has(input) input::placeholder,
- .layer_ec16dd > #emoji-picker-tab-panel [class*=header_]:not(.wrapper__7a35f) [class*=container_]:has(input) input::placeholder {
- font-style: italic;
- }
- .contentWrapper__321ed [class*=header_]:not(.wrapper__7a35f) [class*=container_]:has(input):hover,
- .contentWrapper_eab878 [class*=header_]:not(.wrapper__7a35f) [class*=container_]:has(input):hover,
- .layer_ec16dd > #emoji-picker-tab-panel [class*=header_]:not(.wrapper__7a35f) [class*=container_]:has(input):hover {
- background: var(--btn-grey-hover-light);
- }
- .contentWrapper__321ed [class*=header_]:not(.wrapper__7a35f) [class*=container_]:has(input):focus, .contentWrapper__321ed [class*=header_]:not(.wrapper__7a35f) [class*=container_]:has(input):focus-within,
- .contentWrapper_eab878 [class*=header_]:not(.wrapper__7a35f) [class*=container_]:has(input):focus,
- .contentWrapper_eab878 [class*=header_]:not(.wrapper__7a35f) [class*=container_]:has(input):focus-within,
- .layer_ec16dd > #emoji-picker-tab-panel [class*=header_]:not(.wrapper__7a35f) [class*=container_]:has(input):focus,
- .layer_ec16dd > #emoji-picker-tab-panel [class*=header_]:not(.wrapper__7a35f) [class*=container_]:has(input):focus-within {
- background: var(--background-modifier-accent-dark);
- box-shadow: inset 1px 1px 4px rgba(0, 0, 0, 0.6666666667);
- }
- .contentWrapper__321ed [class*=header_]:not(.wrapper__7a35f) [class*=container_]:has(input) .iconContainer__8fa9c,
- .contentWrapper_eab878 [class*=header_]:not(.wrapper__7a35f) [class*=container_]:has(input) .iconContainer__8fa9c,
- .layer_ec16dd > #emoji-picker-tab-panel [class*=header_]:not(.wrapper__7a35f) [class*=container_]:has(input) .iconContainer__8fa9c {
- height: 18px;
- width: 18px;
- }
- .contentWrapper__321ed [class*=header_]:not(.wrapper__7a35f) [class*=container_]:has(input) svg,
- .contentWrapper_eab878 [class*=header_]:not(.wrapper__7a35f) [class*=container_]:has(input) svg,
- .layer_ec16dd > #emoji-picker-tab-panel [class*=header_]:not(.wrapper__7a35f) [class*=container_]:has(input) svg {
- color: var(--brand-experiment);
- }
- .contentWrapper__321ed .premiumUpsell_e1bfd9,
- .contentWrapper_eab878 .premiumUpsell_e1bfd9,
- .layer_ec16dd > #emoji-picker-tab-panel .premiumUpsell_e1bfd9 {
- background: none;
- margin: 10px 0 0 0;
- }
- .contentWrapper__321ed .wrapper_e3070a::before,
- .contentWrapper_eab878 .wrapper_e3070a::before,
- .layer_ec16dd > #emoji-picker-tab-panel .wrapper_e3070a::before {
- content: "";
- position: absolute;
- top: 0;
- left: 0;
- right: 0;
- height: calc(100% - 48px);
- width: 100%;
- box-shadow: inset 1px 1px 4px rgba(0, 0, 0, 0.6666666667);
- z-index: 2;
- pointer-events: none;
- border-radius: 2px 0 0 2px;
- }
- .contentWrapper__321ed .wrapper_e3070a .scroller_e89578,
- .contentWrapper_eab878 .wrapper_e3070a .scroller_e89578,
- .layer_ec16dd > #emoji-picker-tab-panel .wrapper_e3070a .scroller_e89578 {
- background: var(--background-tertiary);
- border-radius: 2px 0 0 2px;
- background: var(--background-modifier-accent-dark);
- }
- .contentWrapper__321ed .inspectedIndicator_f00108,
- .contentWrapper_eab878 .inspectedIndicator_f00108,
- .layer_ec16dd > #emoji-picker-tab-panel .inspectedIndicator_f00108 {
- -webkit-mask: none;
- mask: none;
- transition: none;
- }
- .contentWrapper__321ed .assetWrapperMasked__20115,
- .contentWrapper_eab878 .assetWrapperMasked__20115,
- .layer_ec16dd > #emoji-picker-tab-panel .assetWrapperMasked__20115 {
- -webkit-mask: none;
- mask: none;
- }
- .contentWrapper__321ed .loadingIndicator__6b1b4,
- .contentWrapper_eab878 .loadingIndicator__6b1b4,
- .layer_ec16dd > #emoji-picker-tab-panel .loadingIndicator__6b1b4 {
- display: none;
- }
- .contentWrapper__321ed .result_e1fc74,
- .contentWrapper__321ed .result_e1fc74::after,
- .contentWrapper__321ed .categoryFade_f9c843,
- .contentWrapper__321ed .categoryFadeBlurple_e73c11,
- .contentWrapper__321ed video,
- .contentWrapper__321ed img,
- .contentWrapper_eab878 .result_e1fc74,
- .contentWrapper_eab878 .result_e1fc74::after,
- .contentWrapper_eab878 .categoryFade_f9c843,
- .contentWrapper_eab878 .categoryFadeBlurple_e73c11,
- .contentWrapper_eab878 video,
- .contentWrapper_eab878 img,
- .layer_ec16dd > #emoji-picker-tab-panel .result_e1fc74,
- .layer_ec16dd > #emoji-picker-tab-panel .result_e1fc74::after,
- .layer_ec16dd > #emoji-picker-tab-panel .categoryFade_f9c843,
- .layer_ec16dd > #emoji-picker-tab-panel .categoryFadeBlurple_e73c11,
- .layer_ec16dd > #emoji-picker-tab-panel video,
- .layer_ec16dd > #emoji-picker-tab-panel img {
- border-radius: 0;
- }
- .categoryItem__39904,
- .stickerCategory__4891e {
- border-radius: 3px;
- transition: none;
- }
- .categoryItem__39904:hover,
- .stickerCategory__4891e:hover {
- box-shadow: 0 0 0 1px var(--header-primary);
- }
- .categoryItem__39904:hover svg,
- .stickerCategory__4891e:hover svg {
- -webkit-clip-path: inset(1px round 3px);
- clip-path: inset(1px round 3px);
- }
- .categoryItem__39904.categoryItemDefaultCategorySelected__8245a,
- .stickerCategory__4891e.categoryItemDefaultCategorySelected__8245a {
- background: none;
- }
- .categoryItem__39904 svg,
- .stickerCategory__4891e svg {
- border-radius: 3px;
- }
- .categoryItem__39904 foreignObject,
- .stickerCategory__4891e foreignObject {
- -webkit-mask: none;
- mask: none;
- }
- .categoryList_f8c48f:has(.unicodeShortcut__1dd6b[aria-hidden=false]) .scroller_e89578 {
- -webkit-clip-path: inset(0 0 48px 0);
- clip-path: inset(0 0 48px 0);
- }
- .unicodeShortcut__1dd6b[aria-hidden=false] {
- height: 32px;
- width: 32px;
- left: 8px;
- bottom: 8px;
- }
- .unicodeShortcut__1dd6b[aria-hidden=false]:hover {
- background: var(--background-modifier-accent-dark);
- box-shadow: 0 0 0 1px var(--header-primary);
- border-radius: 3px;
- }
- .wrapper__7a35f {
- background: var(--background-modifier-accent-dark);
- box-shadow: none;
- border-radius: 0;
- }
- .wrapper__7a35f .header__9f6dc {
- width: 100%;
- }
- .wrapper__7a35f .header__9f6dc .headerLabel_e9f74f {
- margin-left: 4px;
- margin-right: 0;
- text-transform: capitalize;
- }
- .wrapper__7a35f .header__9f6dc::after {
- content: "";
- height: 2px;
- margin: 0 10px 0 10px;
- background: var(--background-modifier-accent-compat);
- display: flex;
- flex-grow: 1;
- width: 20px;
- }
- .wrapper__7a35f .header__9f6dc > svg:last-of-type {
- order: 1;
- color: var(--brand-experiment);
- }
- .emojiItem_b15dee {
- border-radius: 0;
- }
- .emojiItem_b15dee.emojiItemSelected__1a09a {
- background: var(--background-accent);
- }
- .emojiItem_b15dee .imageLoading__37d01 {
- display: none;
- }
- .emojiItem_b15dee:has(.icon_e6e189[d="M12 23a11 11 0 1 0 0-22 11 11 0 0 0 0 22Zm0-17a1 1 0 0 1 1 1v4h4a1 1 0 1 1 0 2h-4v4a1 1 0 1 1-2 0v-4H7a1 1 0 1 1 0-2h4V7a1 1 0 0 1 1-1Z"]) {
- display: flex;
- align-items: center;
- justify-content: center;
- background: var(--text-muted);
- height: 20px;
- width: 20px;
- margin-top: 14px;
- margin-left: 14px;
- border-radius: 1px;
- }
- .emojiItem_b15dee:has(.icon_e6e189[d="M12 23a11 11 0 1 0 0-22 11 11 0 0 0 0 22Zm0-17a1 1 0 0 1 1 1v4h4a1 1 0 1 1 0 2h-4v4a1 1 0 1 1-2 0v-4H7a1 1 0 1 1 0-2h4V7a1 1 0 0 1 1-1Z"]):hover {
- background: #fff;
- }
- .emojiItem_b15dee .icon_e6e189 {
- width: 24px;
- height: 24px;
- fill: var(--background-modifier-accent-dark);
- }
- .emojiItem_b15dee .icon_e6e189 path[d="M12 23a11 11 0 1 0 0-22 11 11 0 0 0 0 22Zm0-17a1 1 0 0 1 1 1v4h4a1 1 0 1 1 0 2h-4v4a1 1 0 1 1-2 0v-4H7a1 1 0 1 1 0-2h4V7a1 1 0 0 1 1-1Z"] {
- d: path("M 19 10 H 14 V 5 H 10 V 10 H 5 V 14 H 10 V 19 H 14 V 14 H 19 V 10 Z");
- fill: var(--background-modifier-accent-dark);
- }
- .theme-dark .theme-light .contentWrapper__321ed {
- background: var(--modal-background);
- }
- .wrapper__4f229,
- .wrapper_cd625e {
- border-radius: 0;
- background: none;
- }
- .bodyWrapper_cc3635 {
- border-radius: 2px 0 0 2px;
- background: var(--background-modifier-accent-dark);
- }
- .bodyWrapper_cc3635::before {
- content: "";
- position: absolute;
- inset: 0;
- height: 100%;
- width: 100%;
- box-shadow: inset 1px 1px 4px rgba(0, 0, 0, 0.6666666667);
- z-index: 2;
- pointer-events: none;
- border-radius: inherit;
- }
- .inspector__993e1 {
- background: none;
- }
- .inspector__993e1 [class*=titlePrimary] {
- color: var(--header-primary);
- font-weight: 400;
- }
- .inspector__993e1 [class*=titleSecondary] {
- color: var(--background-accent-hover);
- font-weight: 700;
- }
- .inspector__993e1 [class*=titleSecondary] strong {
- font-weight: 700;
- color: var(--text-muted);
- text-transform: uppercase;
- }
- .inspector__993e1 [class*=graphicSecondary] svg {
- border-radius: 3px;
- }
- .inspector__993e1 [class*=graphicSecondary] foreignObject {
- -webkit-mask: none;
- mask: none;
- }
- .badgeLabel__7c5a4 {
- border-radius: 2px;
- text-transform: capitalize;
- }
- #slate-toolbar {
- background: var(--contextmenu-background);
- border-radius: 0;
- box-shadow: var(--contextmenu-shadow);
- }
- .toolbar_c7b525:before {
- display: none;
- }
- .buttons_bee06d {
- border-radius: 0;
- }
- .buttons_bee06d .button_afdfd9 {
- border-radius: 0;
- font-size: 12px;
- transition: none;
- }
- .buttons_bee06d .button_afdfd9 .buttonInner__1dbe5 {
- display: flex;
- align-items: center;
- justify-content: center;
- }
- .buttons_bee06d .button_afdfd9 svg {
- color: var(--contextmenu-text);
- height: 18px;
- width: 18px;
- }
- .buttons_bee06d .button_afdfd9.hover_d0ebf2:hover {
- background: var(--contextmenu-text);
- }
- .buttons_bee06d .button_afdfd9.hover_d0ebf2:hover svg {
- color: var(--contextmenu-text-hover);
- }
- .recentMentionsPopout__826a9 .container__56e52,
- .recentMentionsPopout__826a9 .channel_d48f2d {
- background-color: var(--modal-popout-message);
- border-radius: 0;
- }
- .recentMentionsPopout__826a9 .container__56e52 {
- margin-bottom: 4px;
- }
- .recentMentionsPopout__826a9 .channelHeader__5d30c {
- background: var(--modal-popout-message);
- padding: 10px 10px 0 10px;
- border-bottom: none;
- }
- .recentMentionsPopout__826a9 .messageContainer_aa7d14 {
- padding: 0;
- }
- #app-mount .recentMentionsPopout__826a9 .tab_a8a066 {
- border-radius: 2px;
- padding: 5px 10px;
- font-size: 12px;
- font-weight: 400;
- height: 30px;
- margin-top: 0;
- margin-left: 0;
- margin-right: 2px;
- }
- #app-mount .recentMentionsPopout__826a9 .tab_a8a066:hover {
- background: var(--background-modifier-accent);
- }
- #app-mount .recentMentionsPopout__826a9 .tab_a8a066.active__7e7af {
- background: var(--background-accent-hover);
- }
- .recentMentionsPopout__826a9 .channel_d48f2d {
- margin: 0 0 4px 0;
- }
- .recentMentionsPopout__826a9 .channel_d48f2d .messages_f7999e {
- padding: 0;
- }
- .recentMentionsPopout__826a9 .iconActiveMedium_d5475f {
- border-radius: 0;
- }
- #app-mount .channelHeader__5d30c + [class^=message] .wrapper__09ecc {
- padding: 10px !important;
- }
- #app-mount .channelHeader__5d30c + [class^=message] .repliedMessage_e2bf4a {
- left: 15px !important;
- max-width: calc(100% - 20px);
- }
- #app-mount .channelHeader__5d30c + [class^=message] .repliedMessage_e2bf4a .repliedTextContent__75526 {
- display: flex;
- align-items: center;
- }
- #app-mount .channelHeader__5d30c + [class^=message] .avatar__08316 {
- left: 12px !important;
- }
- #app-mount .channelHeader__5d30c + [class^=message] .header__39b23 {
- padding-left: 54px !important;
- }
- #app-mount .channelHeader__5d30c + [class^=message] .jumpButton__24ca6 {
- right: 10px;
- }
- .recentMentionsPopout__826a9 .channelHeader__5d30c {
- background: none;
- }
- .recentMentionsPopout__826a9 .channelHeader__5d30c .channelNameHeader_bfaee3 {
- font-size: 12px;
- }
- .recentMentionsPopout__826a9 .channelHeader__5d30c .closeButton_ba6c7d {
- margin-left: 0;
- }
- .container__56e52:has([class^=jumpButton]:hover),
- .channel_d48f2d:has([class^=jumpButton]:hover) {
- background: var(--background-accent);
- }
- .container__56e52 [class^=jumpButton],
- .channel_d48f2d [class^=jumpButton] {
- margin: 0;
- border-radius: 0;
- background: var(--btn-grey-hover);
- height: 14px;
- padding: 2px 8px;
- display: flex;
- top: 10px;
- right: 10px;
- }
- .container__56e52 [class^=jumpButton] .text__6b9e7,
- .channel_d48f2d [class^=jumpButton] .text__6b9e7 {
- line-height: 14px;
- font-size: 11px;
- }
- .container__56e52 [class^=jumpButton]:hover,
- .channel_d48f2d [class^=jumpButton]:hover {
- background: var(--background-accent-hover);
- }
- .noiseCancellationPopout__06ec4 {
- padding: 16px;
- border-radius: 0;
- box-shadow: 3px 3px 5px -3px #000;
- background: var(--contextmenu-gradient);
- }
- .messageGroupWrapper_f8c6e9 {
- background: var(--modal-popout-message);
- border-radius: 0;
- border: none;
- margin: 0 0 4px;
- }
- .jumpButton__0329d {
- margin: 0;
- border-radius: 0;
- background: var(--btn-grey-hover);
- }
- .jumpButton__0329d:hover {
- background: var(--background-accent-hover);
- }
- .messageGroupWrapper_f8c6e9:has(.jumpButton__0329d:hover) {
- background: var(--background-accent);
- }
- .body__13cde {
- margin-top: 10px;
- font-size: 14px;
- line-height: 18px;
- font-weight: 400;
- color: var(--text-muted);
- }
- .footer_a3029c {
- background: none;
- }
- .root__46d4f {
- border-radius: 0;
- padding: 32px;
- background: var(--modal-background);
- box-shadow: var(--modal-shadow);
- }
- .root__46d4f::before {
- content: "";
- display: block;
- height: 1px;
- width: 100%;
- background: linear-gradient(to right, hsl(calc(var(--accent-hue) - 13), calc(var(--saturation-factor, 1) * 100%), 50%) 0%, hsl(calc(var(--accent-hue) + 20), calc(var(--saturation-factor, 1) * 100%), 60%) 100%);
- position: absolute;
- z-index: 102;
- top: 0;
- }
- .root__46d4f [data-text-variant="text-lg/semibold"] {
- font-size: 22px;
- font-weight: 700;
- line-height: 24px;
- margin-bottom: 10px;
- }
- .root__46d4f [data-text-variant="text-md/normal"] {
- font-size: 14px;
- line-height: 18px;
- margin-bottom: 32px;
- }
- .root__46d4f .colorable_c84c4c.green__7e4a1 {
- background: var(--button-positive-background);
- }
- .root__46d4f .colorable_c84c4c.green__7e4a1:hover {
- background: var(--button-positive-background-hover);
- }
- .container__0810b {
- width: 290px;
- border-radius: 0;
- box-shadow: 3px 3px 5px -3px #000;
- background: var(--contextmenu-gradient);
- }
- .graphContainer_ee4dc1 {
- margin-bottom: 10px;
- }
- .container_d6dad3 {
- border-radius: 0;
- background: var(--contextmenu-background);
- }
- #app-mount .container_d6dad3 {
- box-shadow: 0 0 12px #000000;
- }
- .container_d6dad3 .focused_f9cf2c {
- background: var(--contextmenu-background);
- }
- .container_d6dad3 .queryContainer_c359fe {
- border: none;
- }
- .container_d6dad3 .datePicker__94673 .datePickerHint__7cc9b {
- border-top: none;
- }
- .container_d6dad3 .datePicker__94673 .hint__460f1 {
- color: var(--contextmenu-text);
- font-size: 14px;
- }
- .container_d6dad3 .datePicker__94673 .hintValue_c2ce1f {
- background: var(--background-accent-hover);
- font-weight: 400;
- }
- .container_d6dad3 .datePicker__94673 .hintValue_c2ce1f:hover {
- background: var(--background-accent-hover);
- }
- #app-mount .container_d6dad3 .react-datepicker,
- #app-mount .container_d6dad3 .react-datepicker__header {
- background: none;
- }
- #app-mount .container_d6dad3 .react-datepicker__day {
- border-radius: 0;
- border: none;
- }
- #app-mount .container_d6dad3 .react-datepicker__day--outside-month,
- #app-mount .container_d6dad3 .react-datepicker__day--disabled {
- background: rgba(0, 0, 0, 0.2);
- color: var(--text-muted);
- }
- #app-mount .container_d6dad3 .react-datepicker__navigation {
- height: 34px;
- width: 34px;
- transition-property: background, box-shadow, color;
- transition-duration: 0.2s;
- transition-timing-function: ease-out;
- border: none;
- }
- #app-mount .container_d6dad3 .react-datepicker__navigation:hover {
- background-color: var(--background-accent-hover);
- }
- .container_d6dad3 .react-datepicker__month {
- border-radius: 3px;
- background-color: rgba(0, 0, 0, 0.2);
- border: 1px solid #000;
- box-shadow: 1px 1px 0 0 var(--store-search-border);
- }
- .resultsGroup_ea9b64 .header_b24bd1 {
- font-weight: 700;
- letter-spacing: 0.5px;
- }
- .option_b5597b {
- font-size: 16px;
- margin: 0 1px;
- border-radius: 0;
- box-sizing: content-box;
- --search-popout-option-fade: linear-gradient(90deg, transparent, var(--contextmenu-background) 80%);
- --search-popout-option-fade-hover: linear-gradient(90deg, transparent, var(--contextmenu-text) 50%);
- }
- .option_b5597b:hover, .option_b5597b[aria-selected=true] {
- background: var(--contextmenu-text);
- --text-muted: var(--contextmenu-text-hover);
- --interactive-normal: var(--contextmenu-text-hover);
- --interactive-hover: var(--contextmenu-text-hover);
- --interactive-active: var(--contextmenu-text-hover);
- --search-popout-option-user-nickname: var(--contextmenu-text-hover);
- --search-popout-option-user-username: var(--contextmenu-text-hover);
- --search-popout-option-filter-text: var(--contextmenu-text-hover);
- --search-popout-option-non-text-color: var(--contextmenu-text-hover);
- --search-popout-option-filter-color: var(--contextmenu-text-hover);
- --search-popout-option-answer-color: var(--contextmenu-text-hover);
- }
- .option_b5597b:hover .filter_bd5fe7, .option_b5597b[aria-selected=true] .filter_bd5fe7 {
- color: var(--contextmenu-text-hover);
- }
- .option_b5597b:hover .answer__9ff92, .option_b5597b[aria-selected=true] .answer__9ff92 {
- color: var(--contextmenu-text-hover);
- }
- .option_b5597b:hover .nonText_cbb69b, .option_b5597b[aria-selected=true] .nonText_cbb69b {
- color: var(--contextmenu-text-hover);
- }
- .option_b5597b:hover span, .option_b5597b[aria-selected=true] span {
- text-shadow: unset;
- }
- .option_b5597b:hover strong, .option_b5597b[aria-selected=true] strong {
- text-shadow: unset;
- color: var(--contextmenu-text-hover);
- }
- .option_b5597b .filter_bd5fe7 {
- color: var(--contextmenu-text);
- font-weight: 500;
- }
- .option_b5597b .answer__9ff92 {
- color: var(--text-muted);
- font-size: 14px;
- font-weight: 400;
- }
- .option_b5597b .nonText_cbb69b {
- color: var(--contextmenu-text);
- }
- .option_b5597b span {
- text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
- }
- .option_b5597b strong {
- color: var(--contextmenu-text);
- text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
- }
- .option_b5597b.user__97b4c .displayAvatar__98be9 {
- border-radius: 2px;
- }
- #app-mount .searchAnswer_b452e7,
- #app-mount .searchFilter__118cb {
- background: var(--background-accent);
- font-weight: 400;
- text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
- }
- .picker__6dca7 {
- background: var(--modal-background);
- border-radius: 0;
- box-shadow: var(--modal-shadow);
- }
- .picker__6dca7 [class*=header-] {
- box-shadow: none;
- border-radius: 0;
- }
- .picker__6dca7 [class*=header-] [class*=container-]:has(input) {
- border-radius: 2px;
- background: var(--btn-grey);
- }
- .picker__6dca7 [class*=header-] [class*=container-]:has(input) input::-moz-placeholder {
- font-style: italic;
- }
- .picker__6dca7 [class*=header-] [class*=container-]:has(input) input::placeholder {
- font-style: italic;
- }
- .picker__6dca7 [class*=header-] [class*=container-]:has(input):hover {
- background: var(--btn-grey-hover-light);
- }
- .picker__6dca7 [class*=header-] [class*=container-]:has(input):focus, .picker__6dca7 [class*=header-] [class*=container-]:has(input):focus-within {
- background: var(--background-modifier-accent-dark);
- box-shadow: inset 1px 1px 4px rgba(0, 0, 0, 0.6666666667);
- }
- .picker__6dca7 [class*=header-] [class*=container-]:has(input) .iconContainer__8fa9c {
- height: 18px;
- width: 18px;
- }
- .picker__6dca7 [class*=header-] [class*=container-]:has(input) svg {
- color: var(--brand-experiment);
- }
- .picker__6dca7 .category_f1b389 {
- border-radius: 3px;
- transition: none;
- }
- .picker__6dca7 .category_f1b389:hover {
- box-shadow: 0 0 0 1px var(--header-primary);
- }
- .picker__6dca7 .category_f1b389:hover svg {
- -webkit-clip-path: inset(1px round 3px);
- clip-path: inset(1px round 3px);
- }
- .picker__6dca7 .category_f1b389.categoryItemDefaultCategorySelected__8245a {
- background: none;
- }
- .picker__6dca7 .category_f1b389 svg {
- border-radius: 3px;
- }
- .picker__6dca7 .category_f1b389 foreignObject {
- -webkit-mask: none;
- mask: none;
- }
- .picker__6dca7 .sectionHeader_c664ae {
- width: 100%;
- display: flex;
- align-items: center;
- }
- .picker__6dca7 .sectionHeader_c664ae .sectionTitle__8df35 {
- margin-left: 4px;
- margin-right: 0;
- text-transform: capitalize;
- }
- .picker__6dca7 .sectionHeader_c664ae::after {
- content: "";
- height: 2px;
- margin: 0 10px 0 10px;
- background: var(--background-modifier-accent-compat);
- display: flex;
- flex-grow: 1;
- width: 20px;
- }
- .picker__6dca7 .sectionHeader_c664ae > svg:last-of-type {
- order: 1;
- color: var(--brand-experiment);
- }
- .picker__6dca7 .soundButton__5ad7b {
- border-radius: 2px;
- background: var(--btn-grey);
- transition-property: background, box-shadow;
- transition-duration: 0.2s;
- transition-timing-function: ease-out;
- }
- .picker__6dca7 .soundButton__5ad7b [data-text-variant="text-xs/medium"] {
- font-weight: 400;
- --header-primary: var(--text-lighter);
- }
- .picker__6dca7 .soundButton__5ad7b:hover {
- background: var(--btn-grey-hover);
- box-shadow: var(--btn-grey-boxshadow);
- }
- .picker__6dca7 .soundButton__5ad7b:hover [data-text-variant="text-xs/medium"] {
- --header-primary: #fff;
- }
- .picker__6dca7 .soundButton__5ad7b .buttonOverlay__76d7d {
- transition: opacity 0.2s ease-in-out;
- }
- .picker__6dca7 .soundButton__5ad7b .buttonOverlayBackground_ec646a {
- display: none;
- }
- .picker__6dca7 .soundButton__5ad7b .playIcon__68d2d {
- display: none;
- }
- .accountProfilePopoutWrapper_af829a .overlayBackground__86b78 .divider__06972 {
- display: none;
- }
- .accountProfilePopoutWrapper_af829a .overlayBackground__86b78 .scroller__83262 {
- max-height: 200px;
- padding-bottom: 16px;
- }
- .accountProfilePopoutWrapper_af829a .overlayBackground__86b78 > .menu_dc52c6 {
- box-shadow: none;
- background: rgba(0, 0, 0, 0.3);
- padding: 8px;
- border-radius: 5px;
- width: calc(100% - 24px - 16px);
- max-width: unset;
- min-width: unset;
- margin-left: 12px;
- margin-bottom: 12px;
- box-sizing: content-box;
- }
- .accountProfilePopoutWrapper_af829a .overlayBackground__86b78 .section__6f61e:has(.memberSinceContainer__0a28b) {
- padding-bottom: 12px;
- }
- .accountProfilePopoutWrapper_af829a [aria-activedescendant*=account-status-picker] {
- max-width: 200px;
- }
- .accountProfilePopoutWrapper_af829a .statusItem__72404 {
- padding: 0;
- min-height: unset;
- }
- .accountProfilePopoutWrapper_af829a .statusItem__72404 .description_ea6680 {
- margin-bottom: 0;
- color: var(--text-muted);
- }
- .themeEditor__6df21 {
- background: var(--background-tertiary);
- border-left: 0.5px solid black;
- }
- .browser_fece63 .title__47111 {
- margin-right: 8px;
- }
- .browser_fece63 .divider_dec9ac {
- display: none;
- }
- .browser_fece63 .sectionHeader_a94dc1 {
- color: var(--text-muted) !important;
- letter-spacing: 0.5px;
- line-height: 36px;
- margin-bottom: 0;
- }
- .browser_fece63 .searchBox_ff53b2 {
- padding: 4px 8px;
- margin-right: 8px;
- border-radius: 2px;
- background: none;
- transition-property: background, box-shadow;
- transition-duration: 0.2s;
- transition-timing-function: ease-out;
- }
- .browser_fece63 .searchBox_ff53b2:hover {
- background: var(--btn-grey-hover);
- box-shadow: var(--btn-grey-boxshadow);
- }
- .browser_fece63 .searchBox_ff53b2 svg {
- color: var(--brand-experiment);
- }
- .browser_fece63 .createButton_c8864c {
- margin-right: 0;
- height: 30px;
- }
- .browser_fece63 .closeIcon__15ae7 {
- display: none;
- }
- .container__6604b {
- background: var(--modal-popout-message);
- border-radius: 0;
- border: none;
- margin: 0 0 4px;
- padding: 10px;
- height: unset;
- }
- .container__6604b:hover {
- background: var(--background-accent);
- }
- .container__6604b .avatar_eb9431,
- .container__6604b .noAvatarIcon__92d39 {
- margin-right: 4px;
- }
- .container__6604b .threadNameLine__5046f {
- font-size: 12px;
- font-weight: 600;
- }
- .container__6604b .subtext_f83288 {
- font-size: 11px;
- font-weight: 500;
- }
- .container__6604b .messageContentIcon__09152 {
- height: 18px;
- width: 18px;
- }
- /*
- userProfileOuter__46bb7: popout, modal
- userPopoutOuter_d739b2: popout
- userProfileModalOuter__3fe6b: modal
- */
- .userProfileOuter__46bb7 {
- border-radius: 0;
- }
- .userProfileOuter__46bb7.userProfileOuterThemed__6eb84 {
- padding: 2px;
- }
- .userProfileOuter__46bb7 .userProfileInnerThemedWithBanner_d5f991 .wrapper_edb6e0 {
- -webkit-backdrop-filter: blur(8px);
- backdrop-filter: blur(8px);
- }
- .userPopoutOuter_d739b2 {
- box-shadow: 0 10px 32px 0 rgba(0, 0, 0, 0.6705882353);
- }
- .userProfileInner__8065b {
- border-radius: 0;
- }
- .userProfileInner__8065b:before {
- border-radius: 0;
- height: calc(100% - 4px);
- width: calc(100% - 4px);
- }
- .avatarWrapper_f77579 {
- border-radius: 0;
- left: 16px;
- box-shadow: 1px 3px 14px rgba(0, 0, 0, 0.65);
- z-index: 2;
- }
- .avatarPositionPremiumBanner__1e83d,
- .avatarPositionPremiumNoBanner__8bf3b {
- top: 16px;
- }
- #app-mount .avatarHoverTarget__3a360,
- #app-mount .avatarHint__8e5b9,
- #app-mount .avatar__445f3 {
- padding: 0;
- }
- .avatarHoverTarget__3a360 {
- border-radius: 0;
- }
- .avatarHint__8e5b9 foreignObject {
- -webkit-mask: none;
- mask: none;
- }
- .bannerSVGWrapper__3e7b0 foreignObject {
- -webkit-mask: none;
- mask: none;
- }
- .roundedBanner__9fa0a {
- border-radius: 0;
- }
- .pencilContainer_d4ce8d {
- border-radius: 2px;
- transition: none;
- }
- .pencilContainer_d4ce8d:hover {
- background: rgba(0, 0, 0, 0.6);
- }
- .pencilContainer_d4ce8d svg {
- height: 18px;
- width: 18px;
- }
- .overlayBackground__86b78:has(.userText__3e8b7) {
- overflow: visible;
- }
- .section__6f61e:has(.userText__3e8b7) {
- position: absolute;
- top: calc(var(--header-height) * -1 + 16px);
- left: 0;
- padding: 0 0 0 114px;
- height: 82px;
- display: flex;
- align-items: center;
- text-shadow: 1px 1px 4px #000;
- width: 100%;
- box-sizing: border-box;
- --header-primary: #fff;
- --text-normal: #bbb;
- pointer-events: none;
- }
- .section__6f61e:has(.userText__3e8b7) [data-text-variant="heading-lg/semibold"] {
- font-weight: 300;
- letter-spacing: 1px;
- pointer-events: auto;
- width: -moz-fit-content;
- width: fit-content;
- }
- .section__6f61e:has(.userText__3e8b7) .userTagUsernameBase__75fb1 {
- pointer-events: auto;
- }
- .section__6f61e:has(.userText__3e8b7) .userTag_cf17d3 {
- font-weight: 300;
- width: 100%;
- }
- .section__6f61e:has(.userText__3e8b7) .nameTag__693ff {
- overflow: unset;
- pointer-events: auto;
- }
- .section__6f61e:has(.userText__3e8b7) .info__40462 {
- overflow: unset;
- }
- .section__6f61e:has(.userText__3e8b7) .pronouns__8bcdb {
- font-size: 12px;
- pointer-events: auto;
- }
- .section__6f61e:has(.userText__3e8b7) + .divider_ed0c1d {
- display: none;
- }
- .profileBadges__7a7cb {
- position: absolute;
- top: calc(var(--header-height) + 16px);
- width: calc(100% - 32px);
- max-width: calc(100% - 32px);
- padding: 0;
- gap: 4px;
- z-index: 2;
- background: none;
- box-shadow: none;
- justify-content: center;
- }
- .profileBadge22__3c451 {
- filter: drop-shadow(1px 1px 2px #000);
- }
- .profileColors__2e2f0 {
- --header-height: 112px;
- }
- .profileColors__2e2f0:has(svg[viewBox$="60"]) {
- --banner-height: 60px;
- }
- .profileColors__2e2f0:has(svg[viewBox$="90"]) {
- --banner-height: 90px;
- }
- .profileColors__2e2f0:has(svg[viewBox$="120"]) {
- --banner-height: 120px;
- --header-height: 120px;
- }
- .overlayBackground__86b78 {
- margin-top: calc(var(--banner-height) * -1 + var(--header-height));
- margin-left: 0;
- margin-right: 0;
- margin-bottom: 0;
- }
- .userPopoutOuter_d739b2:has(.containerWithContent__7e98f) .overlayBackground__86b78 {
- padding-top: 38px;
- }
- .userPopoutOuter_d739b2:has(.containerWithContent__7e98f) .overlayBackground__86b78:not(:has(.customStatusSection_ce6c27)) {
- padding-top: 54px;
- }
- .theme-light .overlayBackground__86b78 {
- background: linear-gradient(to bottom, hsl(calc(var(--accent-hue) + 15), calc(var(--saturation-factor, 1) * 11.1%), 39%, 0.7) 5%, hsl(calc(var(--accent-hue) + 15), calc(var(--saturation-factor, 1) * 11.1%), 89%, 0.4) 95%);
- }
- .profileColors__2e2f0 .overlayBackground__86b78 {
- box-shadow: none;
- }
- .customStatus__3aa7f {
- display: flex;
- justify-content: center;
- }
- .overlayBackground__86b78 {
- border-radius: 0;
- background: linear-gradient(to bottom, hsl(calc(var(--accent-hue) + 15), calc(var(--saturation-factor, 1) * 11.1%), 10.6%, 0.7) 5%, hsl(calc(var(--accent-hue) + 15), calc(var(--saturation-factor, 1) * 11.1%), 10.6%, 0.4) 95%);
- }
- .overlayBackground__86b78 .customStatusSection_ce6c27 {
- padding-top: 16px;
- padding-right: 16px;
- padding-left: 16px;
- }
- .overlayBackground__86b78 .scroller__83262 {
- padding: 0 16px !important;
- overflow: hidden overlay !important;
- display: flex;
- flex-direction: column;
- max-height: calc(100vh - 200px);
- }
- .overlayBackground__86b78 .title_ef4a6d {
- letter-spacing: 0.5px;
- }
- .overlayBackground__86b78 .text-sm-medium_bc6ffc,
- .overlayBackground__86b78 .text-sm-normal_e612c7,
- .overlayBackground__86b78 .text-sm-bold_ad6d44,
- .overlayBackground__86b78 .text-sm-semibold_a5824d,
- .overlayBackground__86b78 .textRow__4750e {
- font-size: 13px;
- line-height: 17px;
- }
- .overlayBackground__86b78 .note_ba0c31 textarea {
- height: -moz-fit-content !important;
- height: fit-content !important;
- max-height: -moz-fit-content;
- max-height: fit-content;
- background: none;
- }
- .overlayBackground__86b78 .note_ba0c31 textarea:focus, .overlayBackground__86b78 .note_ba0c31 textarea:focus-within {
- background: var(--background-modifier-accent-dark);
- box-shadow: inset 1px 1px 4px rgba(0, 0, 0, 0.67);
- }
- .overlayBackground__86b78 .lastSection__37b97 {
- padding-bottom: 16px;
- }
- .overlayBackground__86b78:has(.activity__20c1e) .divider_ed0c1d {
- opacity: 0;
- }
- .section__6f61e:has(.activity__20c1e) {
- background: rgba(0, 0, 0, 0.2);
- margin: 0 -16px;
- padding: 16px;
- order: -1;
- }
- .role__631a3 {
- background: rgba(0, 0, 0, 0.3);
- border-radius: 3px;
- }
- .container__56cd1 {
- border-radius: 0;
- box-shadow: 3px 3px 5px -3px #000;
- background: var(--contextmenu-gradient);
- }
- .container__56cd1 .channelName__41380 {
- --interactive-normal: var(--header-primary);
- }
- .container__56cd1 .avatar_b95265 {
- border-radius: 3px;
- }
- .container__60a4a {
- border-radius: 0;
- background: none;
- }
- .streamPreview__1846c {
- border-radius: 0;
- box-shadow: 3px 3px 5px -3px #000;
- }
- #app-mount .streamPreview__1846c {
- background: var(--contextmenu-gradient);
- }
- #app-mount .streamPreview__1846c .previewContainer_bb1924 {
- background: none;
- }
- .button_afdfd9 {
- border-radius: 2px;
- font-size: 14px;
- font-weight: 400;
- }
- .sizeSmall__71a98 {
- height: 34px;
- min-height: 34px;
- padding: 8px 14px;
- }
- .button__66e8c.buttonColor_a6eb73,
- .button__66e8c .buttonColor_a6eb73,
- .button_afdfd9.lookOutlined__46d54,
- .button_afdfd9.lookLink__93965.lowSaturationUnderline-Z6CW6z.colorPrimary__6ed40:not(.fieldButton_a93f59) {
- color: var(--text-lighter);
- background: var(--btn-grey);
- transition-property: background, box-shadow, color;
- transition-duration: 0.2s;
- transition-timing-function: ease-out;
- }
- .root_a28985 .button__66e8c.buttonColor_a6eb73:not(:hover), .prompt__671aa .button__66e8c.buttonColor_a6eb73:not(:hover),
- .root_a28985 .button__66e8c .buttonColor_a6eb73:not(:hover),
- .prompt__671aa .button__66e8c .buttonColor_a6eb73:not(:hover),
- .root_a28985 .button_afdfd9.lookOutlined__46d54:not(:hover),
- .prompt__671aa .button_afdfd9.lookOutlined__46d54:not(:hover),
- .root_a28985 .button_afdfd9.lookLink__93965.lowSaturationUnderline-Z6CW6z.colorPrimary__6ed40:not(.fieldButton_a93f59):not(:hover),
- .prompt__671aa .button_afdfd9.lookLink__93965.lowSaturationUnderline-Z6CW6z.colorPrimary__6ed40:not(.fieldButton_a93f59):not(:hover) {
- box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2);
- }
- .button__66e8c.buttonColor_a6eb73:hover,
- .button__66e8c .buttonColor_a6eb73:hover,
- .button_afdfd9.lookOutlined__46d54:hover,
- .button_afdfd9.lookLink__93965.lowSaturationUnderline-Z6CW6z.colorPrimary__6ed40:not(.fieldButton_a93f59):hover {
- background: var(--btn-grey-hover);
- color: #fff;
- box-shadow: var(--btn-grey-boxshadow);
- }
- .lookOutlined__46d54 {
- border: none;
- }
- .lookFilled__19298 {
- --button-danger-background: linear-gradient(to right, #ff4747 0%, #c21a1a 60%);
- --button-danger-background-hover: var(--button-danger-background);
- color: var(--text-lighter);
- transition-property: background, box-shadow, color;
- transition-duration: 0.2s;
- transition-timing-function: ease-out;
- background-position: 25%;
- background-size: 330% 100%;
- }
- .lookFilled__19298.colorBrand_b2253e {
- background-image: linear-gradient(to right, hsl(calc(var(--accent-hue) - 4), calc(var(--saturation-factor, 1) * 100%), 63.9%) 0%, hsl(calc(var(--accent-hue) + 20), calc(var(--saturation-factor, 1) * 76.4%), 43.1%) 60%);
- }
- .lookFilled__19298.colorBrand_b2253e:hover {
- background-image: linear-gradient(to right, hsl(calc(var(--accent-hue) - 4), calc(var(--saturation-factor, 1) * 100%), 63.9%) 0%, hsl(calc(var(--accent-hue) + 20), calc(var(--saturation-factor, 1) * 76.4%), 43.1%) 60%);
- }
- .lookFilled__19298.colorRed_d6b062 {
- background-image: var(--button-danger-background);
- }
- .lookFilled__19298.colorRed_d6b062:hover {
- background-image: var(--button-danger-background);
- }
- .lookFilled__19298:hover {
- background-position: 0%;
- background-size: 330% 100%;
- color: #fff;
- box-shadow: var(--btn-grey-boxshadow);
- }
- .root_a28985 .lookFilled__19298:not(:hover), .prompt__671aa .lookFilled__19298:not(:hover) {
- box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2);
- }
- #app-mount .lookLink__93965.colorTransparent__4c280:hover .contents_fb6220 {
- --button--underline-color: none;
- }
- #app-mount .lookLink__93965.colorPrimary__6ed40:hover .contents_fb6220 {
- --button--underline-color: none;
- }
- .lookFilled__19298.colorPrimary__6ed40 {
- background: var(--btn-brand);
- color: var(--btn-brand-text);
- transition: none;
- }
- .lookFilled__19298.colorPrimary__6ed40:hover {
- background: var(--btn-brand-hover);
- color: #fff;
- }
- .lookFilled__19298.colorPrimary__6ed40.sizeLarge__9049d {
- height: 32px;
- min-height: 32px;
- padding: 0 15px;
- font-size: 15px;
- line-height: 30px;
- min-width: unset;
- }
- .sizeLarge__9049d {
- height: 32px;
- min-height: 32px;
- padding: 0 15px;
- font-size: 15px;
- line-height: 30px;
- min-width: unset;
- }
- .copyButton__25267 {
- margin-right: 2px;
- }
- .submitButton__1ba94 {
- margin-left: 2px;
- }
- .container__871ba {
- width: 38px;
- height: 22px;
- background-color: var(--background-accent) !important;
- margin-right: 4px;
- }
- .container__871ba.checked__6bdb0 {
- background: var(--brand-experiment) !important;
- }
- .container__871ba .slider__41d94 {
- transform: scale(1.2) translateY(-1px);
- filter: drop-shadow(0 0 5px rgba(0, 0, 0, 0.35));
- }
- .container__871ba .slider__41d94 svg {
- display: none;
- }
- .container__871ba:not(.checked__6bdb0) svg {
- left: -4px !important;
- }
- .container__871ba.disabled_eac369 {
- opacity: 1 !important;
- background: var(--background-accent-hover) !important;
- cursor: default;
- }
- .container__871ba.disabled_eac369 rect {
- fill: var(--text-muted);
- }
- .checkboxWrapper__02583 input[type=checkbox] {
- height: 22px !important;
- width: 22px !important;
- }
- .checkboxWrapper__02583 input[type=checkbox]:hover + .checkbox_c7f690 {
- background: var(--background-accent-hover);
- }
- .checkbox_c7f690 {
- border-radius: 2px;
- border: none;
- background: var(--background-accent);
- height: 22px !important;
- width: 22px !important;
- }
- .lookFilled__3dba3.select__0eb48 {
- background: var(--btn-grey);
- border: none;
- font-size: 14px;
- line-height: 18px;
- font-weight: 400;
- transition-property: background, box-shadow, color;
- transition-duration: 0.2s;
- transition-timing-function: ease-out;
- }
- .lookFilled__3dba3.select__0eb48:hover {
- background: var(--btn-grey-hover);
- color: #fff;
- box-shadow: var(--btn-grey-boxshadow);
- }
- .lookFilled__3dba3.select__0eb48.open_cd27aa {
- background: var(--btn-grey);
- color: var(--text-normal);
- box-shadow: none;
- cursor: default;
- }
- .select__0eb48 {
- padding: 8px 14px;
- border-radius: 2px;
- }
- .select__0eb48 svg:has([d="M5.3 9.3a1 1 0 0 1 1.4 0l5.3 5.29 5.3-5.3a1 1 0 1 1 1.4 1.42l-6 6a1 1 0 0 1-1.4 0l-6-6a1 1 0 0 1 0-1.42Z"],
- [d="M5.3 14.7a1 1 0 0 0 1.4 0L12 9.42l5.3 5.3a1 1 0 0 0 1.4-1.42l-6-6a1 1 0 0 0-1.4 0l-6 6a1 1 0 0 0 0 1.42Z"]) {
- color: var(--brand-experiment);
- }
- .select__0eb48 + .icons__374b3 .dropdownIcon_d3bbbc {
- color: var(--brand-experiment);
- }
- .select__0eb48.searchable__01c88 .searchInput_e1c8d3 {
- font-size: 14px;
- }
- .select__0eb48.searchable__01c88 input {
- cursor: text;
- }
- .popout_a6e77f {
- border: none;
- background: var(--dropdown-popout-background);
- border-radius: 3px;
- margin-top: 2px;
- margin-bottom: 2px;
- box-shadow: var(--dropdown-popout-shadow);
- padding: 12px !important;
- max-height: 200px !important;
- overflow: overlay !important;
- }
- .popout_a6e77f.searchableSelect__52dee::-webkit-scrollbar {
- width: 12px;
- }
- .option_be8b2e {
- padding: 10px 15px;
- font-weight: 400;
- font-size: 14px;
- line-height: 18px;
- }
- .option_be8b2e:hover {
- background: var(--dropdown-popout-hover);
- }
- .quickSelect_d5838c {
- gap: 10px;
- }
- .quickSelect_ae48d2 {
- font-size: 14px;
- font-weight: 400;
- border-radius: 2px;
- padding: 4px 0;
- color: var(--text-normal);
- transition: padding 0.3s cubic-bezier(0.16, 0.86, 0.43, 0.99);
- }
- .quickSelect_ae48d2:hover {
- padding-left: 8px;
- padding-right: 8px;
- cursor: pointer;
- background: var(--btn-grey-hover);
- color: #fff;
- box-shadow: var(--btn-grey-boxshadow);
- }
- .quickSelect_ae48d2 .quickSelectValue__3d726 {
- margin-left: 0;
- }
- .quickSelect_ae48d2 .quickSelectArrow__9853b {
- background: none !important;
- height: 24px;
- width: 24px;
- display: flex;
- flex-wrap: nowrap;
- margin-left: 10px;
- }
- .quickSelect_ae48d2 .quickSelectArrow__9853b::before {
- content: "";
- display: block;
- width: 24px;
- height: 24px;
- -webkit-mask: url(https://maendisease.github.io/Steam/illustrations/icns/discordrightarrow.svg);
- mask: url(https://maendisease.github.io/Steam/illustrations/icns/discordrightarrow.svg);
- background-color: var(--brand-experiment);
- -webkit-mask-repeat: no-repeat;
- mask-repeat: no-repeat;
- -webkit-mask-position: center;
- mask-position: center;
- }
- [role=radiogroup]:has(.item_b7fb7e) {
- padding: 6px;
- background: var(--darker-grey);
- box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.6666666667);
- border-radius: 2px;
- gap: 6px;
- display: flex;
- flex-direction: column;
- }
- [role=radiogroup]:has(.item_b7fb7e)[aria-orientation=vertical] {
- flex-direction: column;
- }
- [role=radiogroup]:has(.item_b7fb7e) .item_b7fb7e {
- margin: 0;
- background: none;
- color: var(--text-lighter);
- transition: background 0.18s ease-in-out;
- }
- [role=radiogroup]:has(.item_b7fb7e) .item_b7fb7e [data-text-variant="text-md/medium"] {
- font-size: 14px;
- line-height: 18px;
- font-weight: 400;
- }
- [role=radiogroup]:has(.item_b7fb7e) .item_b7fb7e [data-text-variant="text-sm/normal"] {
- font-size: 12px;
- line-height: 18px;
- }
- [role=radiogroup]:has(.item_b7fb7e) .item_b7fb7e:hover:not([aria-checked=true]):not(.disabled_af801d) {
- background: hsl(calc(var(--accent-hue) + 19), calc(var(--saturation-factor, 1) * 9.7%), 22.2%);
- color: var(--text-lighter);
- }
- [role=radiogroup]:has(.item_b7fb7e) .item_b7fb7e[aria-checked=true] {
- background: var(--topbar-item-selected);
- color: #fff;
- --text-normal: #fff;
- --header-secondary: #fff;
- }
- [role=radiogroup]:has(.item_b7fb7e) .item_b7fb7e:not([aria-checked=true]) .radioBar__40e1b[style*="--radio-bar-accent-color:var(--green"] [data-text-variant="text-md/medium"] {
- color: var(--status-online);
- }
- [role=radiogroup]:has(.item_b7fb7e) .item_b7fb7e:not([aria-checked=true]) .radioBar__40e1b[style*="--radio-bar-accent-color:var(--yellow"] [data-text-variant="text-md/medium"] {
- color: var(--status-idle);
- }
- [role=radiogroup]:has(.item_b7fb7e) .item_b7fb7e:not([aria-checked=true]) .radioBar__40e1b[style*="--radio-bar-accent-color:var(--red"] [data-text-variant="text-md/medium"] {
- color: var(--status-dnd);
- }
- [role=radiogroup]:has(.item_b7fb7e) .item_b7fb7e .radioBar__40e1b {
- border-left: none;
- border-radius: 2px;
- grid-gap: 0;
- padding: 6px !important;
- }
- [role=radiogroup]:has(.item_b7fb7e) .item_b7fb7e .radioBar__40e1b svg {
- display: none;
- }
- .slider__22e99 .bar_e58961 {
- height: 6px;
- border-radius: 3px;
- background: var(--background-modifier-accent-dark);
- }
- .slider__22e99 .markDash_dc3ae9 {
- background: var(--background-modifier-accent-dark);
- }
- .input__848cd {
- font-size: 20px;
- border-radius: 2px;
- background: var(--btn-grey);
- }
- .input__848cd:hover {
- background: var(--btn-grey-hover-light);
- }
- .input__848cd:focus, .input__848cd:focus-within {
- background: var(--background-modifier-accent-dark);
- box-shadow: inset 1px 1px 4px rgba(0, 0, 0, 0.6666666667);
- }
- .input_d266e7 {
- font-size: 14px;
- font-weight: 300;
- line-height: 22px;
- border-radius: 2px;
- background: var(--btn-grey);
- border: none;
- transition: none;
- }
- .input_d266e7:hover {
- background: var(--btn-grey-hover-light);
- }
- .input_d266e7:focus, .input_d266e7:focus-within {
- background: var(--background-modifier-accent-dark);
- box-shadow: inset 1px 1px 4px rgba(0, 0, 0, 0.6666666667);
- }
- .input_d266e7::-moz-placeholder {
- font-style: italic;
- }
- .input_d266e7::placeholder {
- font-style: italic;
- }
- .inputDefault__80165 {
- height: 42px;
- }
- #app-mount .bioTextArea_a108c9 {
- background: var(--btn-grey);
- border: none;
- box-shadow: none;
- border-radius: 2px;
- }
- #app-mount .bioTextArea_a108c9:focus, #app-mount .bioTextArea_a108c9:focus-within {
- background: var(--background-modifier-accent-dark);
- box-shadow: inset 1px 1px 4px rgba(0, 0, 0, 0.6666666667);
- }
- #app-mount .bioTextArea_a108c9 .textArea__74543,
- #app-mount .bioTextArea_a108c9 .markup_a7e664 {
- font-size: 14px;
- font-weight: 300;
- line-height: 22px;
- }
- .cardInput-33x7OF {
- border-radius: 2px;
- background: var(--btn-grey);
- }
- .cardInput-33x7OF:hover {
- background: var(--btn-grey-hover-light);
- }
- .cardInput-33x7OF:focus, .cardInput-33x7OF:focus-within {
- background: var(--background-modifier-accent-dark);
- box-shadow: inset 1px 1px 4px rgba(0, 0, 0, 0.6666666667);
- }
- .phoneField__65729 {
- border-radius: 2px;
- padding: 2px;
- position: relative;
- background: var(--btn-grey);
- border: none;
- }
- .phoneField__65729:hover {
- background: var(--btn-grey-hover-light);
- }
- .phoneField__65729:focus, .phoneField__65729:focus-within {
- background: var(--background-modifier-accent-dark);
- box-shadow: inset 1px 1px 4px rgba(0, 0, 0, 0.6666666667);
- }
- .phoneField__65729:not(:focus, :focus-within) {
- box-shadow: none;
- }
- .phoneField__65729 .inputField__3008c {
- background: none;
- font-size: 14px;
- font-weight: 300;
- line-height: 22px;
- }
- .copyInput_c1c679 {
- background: var(--btn-grey);
- border: none;
- border-radius: 2px;
- }
- .copyInput_c1c679 input {
- font-size: 14px;
- }
- .copyInput_c1c679:hover {
- background: var(--btn-grey-hover-light);
- }
- .bd-sidebar-header h2 {
- color: var(--brand-experiment);
- font-size: 16px;
- line-height: 20px;
- padding: 42px 24px 24px 24px;
- }
- .bd-changelog-button {
- position: absolute;
- right: 8px;
- margin-top: 18px;
- }
- .bd-settings-title:not(.bd-settings-group-title) {
- position: sticky;
- display: flex;
- align-items: center;
- top: 0;
- padding: 32px 24px;
- margin-left: -24px;
- z-index: 10;
- transform: translateY(calc(var(--header-padding) * -1 + 8.5px + 18px));
- background: linear-gradient(to bottom, var(--background-tertiary) calc(100% - 24px), transparent 100%);
- font-size: 22px;
- line-height: 24px;
- font-weight: 700;
- margin-bottom: 0;
- }
- .bd-button {
- border-radius: 2px;
- font-size: 14px;
- font-weight: 400;
- padding: 8px 14px;
- height: 34px;
- transition-property: background, box-shadow, color;
- transition-duration: 0.2s;
- transition-timing-function: ease-out;
- }
- .bd-button:hover {
- box-shadow: var(--btn-grey-boxshadow);
- }
- .bd-settings-title.bd-settings-group-title {
- margin-bottom: 10px;
- text-transform: capitalize;
- color: #fff;
- font-size: 16px;
- line-height: 20px;
- font-weight: 600;
- letter-spacing: 0;
- padding-top: 8px;
- padding-left: 8px;
- }
- .bd-settings-group ~ .bd-settings-group .bd-settings-title {
- margin-top: 24px;
- }
- .bd-settings-group.collapsible .bd-settings-title::before {
- background: var(--background-modifier-accent-compat);
- height: 2px;
- margin: 0 10px 0 10px;
- }
- .bd-settings-group.collapsible .bd-settings-title::after {
- content: "";
- -webkit-mask: url(https://maendisease.github.io/Steam/illustrations/icns/triangledown.svg) center/contain no-repeat;
- mask: url(https://maendisease.github.io/Steam/illustrations/icns/triangledown.svg) center/contain no-repeat;
- background: #fff;
- height: 16px;
- width: 16px;
- }
- .bd-setting-item {
- margin-bottom: 10px;
- }
- .bd-setting-divider {
- margin-top: 10px;
- border-bottom: thin solid var(--background-modifier-accent);
- }
- .bd-setting-header label {
- color: var(--contextmenu-text);
- font-size: 14px;
- line-height: 18px;
- font-weight: 400;
- }
- .bd-setting-note {
- font-size: 13px;
- line-height: 18px;
- font-weight: 400;
- color: var(--text-muted);
- letter-spacing: 0;
- margin-top: 8px;
- }
- .bd-switch {
- margin-right: 4px;
- }
- .bd-switch-body {
- --switch-color: var(--background-accent);
- --symbol1path: none;
- --symbol2path: none;
- width: 38px;
- height: 22px;
- }
- .bd-switch input:checked + .bd-switch-body {
- --switch-color: var(--brand-experiment);
- --symbol1path: none;
- --symbol2path: none;
- }
- .full-motion .bd-switch input:checked:active + .bd-switch-body {
- --symbol1path: none;
- --symbol2path: none;
- }
- .bd-switch input:checked:active + .bd-switch-body {
- --switch-color: var(--brand-experiment);
- }
- .bd-switch-body .bd-switch-slider {
- transform: scale(1.2) translateY(-1px);
- transition: 250ms cubic-bezier(0, 0.3, 0.7, 1);
- filter: drop-shadow(0 0 5px rgba(0, 0, 0, 0.35));
- }
- .bd-switch input:checked + .bd-switch-body .bd-switch-slider {
- left: 14px;
- }
- .bd-select {
- background: var(--btn-grey);
- border: none;
- font-size: 14px;
- font-weight: 400;
- padding: 8px 14px;
- border-radius: 2px;
- transition-property: background, box-shadow, color;
- transition-duration: 0.2s;
- transition-timing-function: ease-out;
- }
- .bd-select:hover {
- background: var(--btn-grey-hover);
- color: #fff;
- box-shadow: var(--btn-grey-boxshadow);
- }
- .bd-select.menu-open {
- background: var(--btn-grey);
- color: var(--text-normal);
- box-shadow: none;
- cursor: default;
- }
- .bd-select .bd-select-arrow {
- margin-left: 10px;
- fill: var(--brand-experiment);
- height: 24px !important;
- width: 24px !important;
- }
- .bd-select .bd-select-arrow path {
- d: path("M 16.59 8.59003 L 12 13.17 L 7.41 8.59003 L 6 10 L 12 16 L 18 10 L 16.59 8.59003 Z");
- }
- .bd-select .bd-select-options {
- right: 0;
- border: none;
- background: var(--dropdown-popout-background);
- border-radius: 3px;
- margin: 2px 0;
- padding: 12px;
- min-width: 100%;
- box-shadow: var(--dropdown-popout-shadow);
- z-index: 1002;
- }
- .bd-select .bd-select-option {
- padding: 10px 15px;
- font-weight: 400;
- font-size: 14px;
- line-height: 18px;
- }
- .bd-select .bd-select-option:hover {
- background: var(--dropdown-popout-hover);
- }
- .bd-select .bd-select-option.selected {
- color: var(--interactive-active);
- background: var(--background-modifier-active);
- }
- .bd-number-input {
- padding: 10px;
- height: 42px;
- font-size: 14px;
- font-weight: 300;
- line-height: 22px;
- border-radius: 2px;
- background: var(--btn-grey);
- border: none;
- transition: none;
- }
- .bd-number-input:hover {
- background: var(--btn-grey-hover-light);
- }
- .bd-number-input:focus, .bd-number-input:focus-within {
- background: var(--background-modifier-accent-dark);
- box-shadow: inset 1px 1px 4px rgba(0, 0, 0, 0.6666666667);
- }
- #updates-tab .bd-setting-item:has([for=core-updater]) {
- padding: 8px 24px 10px 16px;
- margin-right: 8px;
- margin-bottom: 0;
- border-radius: 2px;
- width: -moz-fit-content;
- width: fit-content;
- background: var(--background-accent);
- position: relative;
- }
- #updates-tab .bd-setting-item:has([for=core-updater]) .bd-filled-checkmark {
- position: absolute;
- margin: auto 0;
- top: 0;
- bottom: 0;
- border-radius: 0;
- padding: 0;
- height: 20px;
- width: 20px;
- background: none;
- }
- #updates-tab .bd-setting-item:has([for=core-updater]) .bd-filled-checkmark svg {
- height: 20px !important;
- width: 20px !important;
- fill: var(--status-online);
- }
- #updates-tab .bd-setting-item:has([for=core-updater]) .bd-setting-title,
- #updates-tab .bd-setting-item:has([for=core-updater]) .bd-setting-note {
- font-size: 14px;
- font-weight: 600;
- color: #fff;
- line-height: 20px;
- margin: 0 0 0 32px;
- }
- #updates-tab .bd-setting-item:has([for=core-updater]) .bd-setting-divider {
- display: none;
- }
- #updates-tab .bd-setting-item:not(:has([for=core-updater])) {
- position: relative;
- margin-bottom: 0;
- display: flex;
- padding: 6px 8px;
- height: 58px;
- }
- #updates-tab .bd-setting-item:not(:has([for=core-updater])):hover {
- background: var(--background-accent);
- transition: background 0.2s linear;
- }
- #updates-tab .bd-setting-item:not(:has([for=core-updater])):hover::after {
- background-color: var(--background-accent-hover);
- transition: background 0.2s linear;
- }
- #updates-tab .bd-setting-item:not(:has([for=core-updater]))::before {
- content: "";
- display: block;
- position: absolute;
- width: 98px;
- height: 45px;
- -webkit-mask: url(https://maendisease.github.io/Steam/illustrations/icns/storage.svg);
- mask: url(https://maendisease.github.io/Steam/illustrations/icns/storage.svg);
- background-color: #fff;
- -webkit-mask-repeat: no-repeat;
- mask-repeat: no-repeat;
- -webkit-mask-position: center;
- mask-position: center;
- -webkit-mask-size: 18px;
- mask-size: 18px;
- margin-right: 12px;
- z-index: 1;
- top: 0;
- bottom: 0;
- margin-top: auto;
- margin-bottom: auto;
- }
- #updates-tab .bd-setting-item:not(:has([for=core-updater]))::after {
- content: "";
- display: block;
- position: absolute;
- height: 45px;
- width: 98px;
- background: var(--background-accent);
- top: 0;
- bottom: 0;
- margin-top: auto;
- margin-bottom: auto;
- }
- #updates-tab .bd-setting-item:not(:has([for=core-updater])) .bd-setting-title {
- color: #fff;
- line-height: 20px;
- font-size: 16px;
- margin-left: 114px;
- max-width: calc(100% - 212px);
- }
- #updates-tab .bd-setting-item:not(:has([for=core-updater])) .bd-setting-note {
- margin-left: 114px;
- color: var(--text-muted);
- font-size: 12px;
- line-height: 22px;
- letter-spacing: 0.5px;
- text-transform: uppercase;
- font-weight: 700;
- display: flex;
- align-items: center;
- margin-top: 0;
- max-width: calc(100% - 212px);
- }
- #updates-tab .bd-setting-item:not(:has([for=core-updater])) .bd-setting-note::before {
- content: "";
- display: block;
- width: 16px;
- height: 16px;
- -webkit-mask: url(https://maendisease.github.io/Steam/illustrations/icns/downloads.svg);
- mask: url(https://maendisease.github.io/Steam/illustrations/icns/downloads.svg);
- background: var(--text-muted);
- margin-right: 4px;
- }
- #updates-tab .bd-setting-item:not(:has([for=core-updater])) button {
- position: absolute;
- right: 18px;
- margin: auto 0;
- top: 0;
- bottom: 0;
- }
- #updates-tab .bd-setting-item:not(:has([for=core-updater])) .bd-setting-divider {
- display: none;
- }
- #updates-tab .bd-settings-group:nth-child(3) .bd-setting-item:not(:has([for=core-updater]))::before {
- -webkit-mask: url(https://maendisease.github.io/Steam/illustrations/icns/plugins.svg);
- mask: url(https://maendisease.github.io/Steam/illustrations/icns/plugins.svg);
- -webkit-mask-repeat: no-repeat;
- mask-repeat: no-repeat;
- -webkit-mask-position: center;
- mask-position: center;
- -webkit-mask-size: 24px;
- mask-size: 24px;
- }
- #updates-tab .bd-settings-group:nth-child(4) .bd-setting-item:not(:has([for=core-updater]))::before {
- -webkit-mask: url(https://maendisease.github.io/Steam/illustrations/icns/themes.svg);
- mask: url(https://maendisease.github.io/Steam/illustrations/icns/themes.svg);
- -webkit-mask-repeat: no-repeat;
- mask-repeat: no-repeat;
- -webkit-mask-position: center;
- mask-position: center;
- -webkit-mask-size: 28px;
- mask-size: 28px;
- }
- #updates-tab .bd-empty-updates {
- font-size: 13px;
- line-height: 18px;
- font-weight: 400;
- color: var(--text-muted);
- }
- #updates-tab .bd-empty-updates svg {
- fill: var(--status-online);
- margin-bottom: 4px;
- }
- #floating-editor-window:has(.monaco-editor.focused)::before {
- content: "";
- display: block;
- height: 1px;
- width: 100%;
- background: linear-gradient(to right, hsl(calc(var(--accent-hue) - 13), calc(var(--saturation-factor, 1) * 100%), 50%) 0%, hsl(calc(var(--accent-hue) + 20), calc(var(--saturation-factor, 1) * 100%), 60%) 100%);
- position: absolute;
- z-index: 102;
- top: 0;
- }
- [d="M4 18h17v-6H4v6zM4 5v6h17V5H4z"] {
- d: path("M 20,4 H 4 v 7 h 16 z M 20,13 H 4 v 7 h 16 z");
- }
- [d="M4 11h5V5H4v6zm0 7h5v-6H4v6zm6 0h5v-6h-5v6zm6 0h5v-6h-5v6zm-6-7h5V5h-5v6zm6-6v6h5V5h-5z"] {
- d: path("M 8.31743,4 H 3.999968 V 8.317462 H 8.31743 Z M 8.31743,9.756612 H 3.999968 v 4.31742 H 8.31743 Z M 14.074,4 H 9.75658 V 8.317462 H 14.074 Z M 14.074,9.756612 H 9.75658 v 4.31742 H 14.074 Z M 20,4 H 15.6825 V 8.317462 H 20 Z M 20,9.756612 h -4.3175 v 4.31742 H 20 Z M 8.31743,15.682532 H 3.999968 v 4.3175 H 8.31743 Z M 14.074,15.682532 H 9.75658 v 4.3175 H 14.074 Z M 20,15.682532 h -4.3175 v 4.3175 H 20 Z");
- }
- .bd-search-wrapper {
- padding: 4px 8px;
- transition-property: background, box-shadow, color;
- transition-duration: 0.2s;
- transition-timing-function: ease-out;
- }
- .bd-search-wrapper:hover {
- background: var(--btn-grey-hover);
- color: #fff;
- box-shadow: var(--btn-grey-boxshadow);
- }
- .bd-search-wrapper:focus, .bd-search-wrapper:focus-within {
- background: var(--btn-grey);
- color: var(--text-normal);
- box-shadow: none;
- cursor: default;
- }
- .bd-search-wrapper svg {
- height: 18px !important;
- width: 18px !important;
- fill: var(--brand-experiment);
- }
- .bd-addon-controls .bd-search::-moz-placeholder {
- color: #fff;
- font-size: 16px;
- line-height: 20px;
- font-weight: 600;
- letter-spacing: 0;
- }
- .bd-addon-controls .bd-search,
- .bd-addon-controls .bd-search::placeholder {
- color: #fff;
- font-size: 16px;
- line-height: 20px;
- font-weight: 600;
- letter-spacing: 0;
- }
- .bd-addon-controls .bd-search::after {
- content: attr(aria-label);
- font-size: 14px;
- line-height: 18px;
- font-weight: 400;
- color: var(--text-lighter);
- }
- .bd-select-wrapper label {
- display: none;
- }
- .bd-select.bd-select-transparent {
- align-items: center;
- padding: 4px 0;
- transition: padding 0.3s cubic-bezier(0.16, 0.86, 0.43, 0.99);
- }
- .bd-select.bd-select-transparent:hover, .bd-select.bd-select-transparent.menu-open {
- padding-left: 8px;
- padding-right: 8px;
- }
- /* Placement */
- #themes-tab,
- #plugins-tab {
- display: grid;
- grid-template-areas: "title title title title" "search counter divider controls" "addons addons addons addons";
- min-height: unset;
- }
- #themes-tab::after,
- #plugins-tab::after {
- grid-area: counter;
- }
- #themes-tab::before,
- #plugins-tab::before {
- grid-area: divider;
- }
- .bd-addon-controls:not(#a) {
- display: contents;
- }
- .bd-settings-title {
- grid-area: title;
- }
- .bd-search-wrapper {
- grid-area: search;
- }
- .bd-controls-advanced {
- grid-area: controls;
- justify-self: flex-end;
- }
- .bd-addon-list {
- grid-area: addons;
- }
- .bd-empty-image-container,
- .bd-empty-results {
- grid-column: 1/-1;
- }
- /* Cosmetics*/
- #themes-tab::after,
- #plugins-tab::after {
- white-space: nowrap;
- color: var(--text-muted);
- font-weight: 600;
- font-size: 16px;
- line-height: 20px;
- margin-left: 8px;
- align-items: center;
- display: flex;
- }
- /* Counter Styles */
- :root {
- counter-reset: addonCount;
- }
- .bd-addon-card {
- counter-increment: addonCount;
- }
- #themes-tab::after,
- #plugins-tab::after {
- content: counter(addonCount);
- animation: f 1s linear infinite forwards;
- }
- @keyframes f {
- to {
- content: counter(addonCount);
- }
- }
- .bd-addon-list.bd-grid-view {
- gap: 0;
- }
- .bd-addon-list.bd-grid-view .bd-addon-card .bd-addon-header .bd-icon {
- width: 45px !important;
- }
- .bd-addon-list .bd-addon-card {
- margin-bottom: 0;
- }
- .bd-addon-list .bd-addon-card:hover {
- background: var(--background-accent);
- transition: background 0.2s linear;
- }
- .bd-addon-list .bd-addon-card {
- margin-bottom: 0;
- background: none;
- border-radius: 0;
- height: 58px;
- }
- .bd-addon-list .bd-addon-card:not(:has(.bd-switch-checked), .bd-addon-card-disabled):hover .bd-icon {
- background-color: var(--background-accent-hover);
- transition: background 0.2s linear;
- }
- .bd-addon-list .bd-addon-card:has(.bd-switch-checked) .bd-addon-header .bd-icon {
- background: var(--brand-experiment);
- }
- .bd-addon-list .bd-addon-card.bd-addon-card-disabled {
- background: none;
- border: none;
- }
- .bd-addon-list .bd-addon-card.bd-addon-card-disabled:hover {
- background: var(--info-danger-background);
- }
- .bd-addon-list .bd-addon-card.bd-addon-card-disabled .bd-addon-header .bd-icon {
- background: var(--status-danger);
- }
- .bd-addon-list .bd-addon-card.bd-addon-card-disabled .bd-name {
- color: var(--status-danger);
- }
- .bd-addon-list .bd-addon-card .bd-addon-header {
- padding: 6.5px 8px 5.5px 8px;
- }
- .bd-addon-list .bd-addon-card .bd-addon-header .bd-icon {
- display: block;
- background: var(--background-accent);
- height: 45px !important;
- width: 98px !important;
- padding: 13px;
- margin-right: 0;
- }
- .bd-addon-list .bd-addon-card .bd-switch-body {
- display: none;
- }
- .bd-addon-list .bd-addon-card .bd-title {
- margin-left: 12px;
- flex-wrap: wrap;
- }
- .bd-addon-list .bd-addon-card .bd-title .bd-name,
- .bd-addon-list .bd-addon-card .bd-title .bd-meta {
- display: flex;
- }
- .bd-addon-list .bd-addon-card .bd-name {
- color: #fff;
- line-height: 20px;
- font-size: 16px;
- font-weight: 400;
- }
- .bd-addon-list .bd-addon-card .bd-meta {
- color: var(--text-muted);
- line-height: 22px;
- letter-spacing: 0.5px;
- text-transform: uppercase;
- font-weight: 700;
- gap: 1px;
- font-size: 0;
- }
- .bd-addon-list .bd-addon-card .bd-meta .bd-version,
- .bd-addon-list .bd-addon-card .bd-meta a,
- .bd-addon-list .bd-addon-card .bd-meta .bd-author {
- font-size: 12px;
- }
- .bd-addon-list .bd-addon-card .bd-meta .bd-author {
- color: var(--background-accent-hover);
- }
- .bd-addon-list .bd-addon-card .bd-description-wrap {
- margin-left: 0;
- background: var(--contextmenu-gradient);
- border-radius: 0;
- box-shadow: 3px 3px 5px -3px #000;
- }
- .bd-addon-list .bd-addon-card .bd-description-wrap .banner {
- border-radius: 0;
- }
- .bd-addon-list .bd-addon-card .bd-description {
- color: var(--contextmenu-text);
- font-weight: 400;
- }
- #app-mount .bd-addon-card .bd-button {
- border-radius: 2px;
- }
- #app-mount .bd-addon-header {
- opacity: 1;
- }
- .bd-notice:first-child {
- border-radius: 0;
- }
- .bd-modal-root {
- background: var(--modal-background);
- border-radius: 0;
- --text-link: var(--text-linkHi);
- }
- .bd-modal-root::before {
- content: "";
- display: block;
- height: 1px;
- width: 100%;
- background: linear-gradient(to right, hsl(calc(var(--accent-hue) - 13), calc(var(--saturation-factor, 1) * 100%), 50%) 0%, hsl(calc(var(--accent-hue) + 20), calc(var(--saturation-factor, 1) * 100%), 60%) 100%);
- position: absolute;
- z-index: 102;
- top: 0;
- }
- .bd-modal-root a:hover {
- text-decoration: none;
- --text-link: var(--text-linkHi-hover);
- }
- .bd-button.bd-close-button {
- position: absolute;
- top: 9px;
- right: 9px;
- height: 16px;
- width: 16px;
- padding: 0;
- box-shadow: none;
- }
- .bd-button.bd-close-button svg {
- height: 16px !important;
- width: 16px !important;
- }
- .bd-modal-medium {
- width: 500px;
- }
- .bd-modal-header h1 {
- font-size: 22px;
- font-weight: 700;
- line-height: 24px;
- text-transform: unset !important;
- margin-bottom: 0 !important;
- color: var(--header-primary);
- }
- .bd-modal-header,
- .bd-modal-footer {
- padding: 32px;
- }
- .bd-modal-content {
- border-radius: 0;
- padding-left: 32px;
- padding-bottom: 0;
- padding-right: 32px;
- overflow: hidden overlay;
- }
- .bd-modal-footer {
- border-radius: 0;
- background: none;
- box-shadow: none;
- }
- .bd-text-input {
- padding: 10px;
- height: 42px;
- font-size: 14px;
- font-weight: 300;
- line-height: 22px;
- border-radius: 2px;
- background: var(--btn-grey);
- border: none;
- transition: none;
- }
- .bd-text-input:hover {
- background: var(--btn-grey-hover-light);
- }
- .bd-text-input:focus, .bd-text-input:focus-within {
- background: var(--background-modifier-accent-dark);
- box-shadow: inset 1px 1px 4px rgba(0, 0, 0, 0.6666666667);
- }
- .bd-slider-wrap {
- color: #fff;
- }
- .bd-slider-label {
- border-radius: 3px;
- }
- .bd-slider-input {
- height: 6px;
- border-radius: 3px;
- }
- .bd-error-modal .header-1ffhsl .title-lXcL8p {
- text-transform: capitalize;
- font-size: 22px;
- font-weight: 700;
- line-height: 24px;
- letter-spacing: 0;
- margin-bottom: 0;
- }
- .bd-error-modal .bd-tab-item {
- min-width: 40px;
- height: 34px;
- min-height: 34px;
- padding: 0 14px;
- margin-right: 16px;
- font-size: 14px;
- line-height: 16px;
- font-weight: 400;
- border-radius: 2px;
- color: var(--text-lighter);
- background: var(--btn-grey);
- transition-property: background, box-shadow, color;
- transition-duration: 0.2s;
- transition-timing-function: ease-out;
- }
- .bd-error-modal .bd-tab-item:hover {
- background: var(--btn-grey-hover);
- color: #fff;
- box-shadow: var(--btn-grey-boxshadow);
- }
- .bd-error-modal .bd-addon-errors {
- margin-top: 0;
- }
- .bd-error-modal .bd-addon-error {
- border-radius: 0;
- margin-bottom: 0;
- background: none;
- border: none;
- }
- .bd-error-modal .bd-addon-error:hover, .bd-error-modal .bd-addon-error.expanded {
- background: var(--background-accent);
- transition: background 0.2s linear;
- }
- .bd-error-modal .bd-addon-error:hover .bd-addon-error-expander, .bd-error-modal .bd-addon-error.expanded .bd-addon-error-expander {
- background-color: var(--background-accent-hover);
- transition: background 0.2s linear;
- }
- .bd-error-modal .bd-addon-error-header {
- padding: 6px 8px;
- height: 58px;
- }
- .bd-error-modal .bd-addon-error-icon {
- background: var(--status-danger);
- width: 45px;
- height: 45px;
- border-radius: 0;
- margin-right: 12px;
- align-self: center;
- }
- .bd-error-modal .bd-addon-error-icon svg {
- fill: #fff;
- width: 18px !important;
- height: 18px !important;
- }
- .bd-error-modal .bd-addon-error-header-inner h3 {
- color: var(--status-danger);
- line-height: 20px;
- font-size: 16px;
- font-weight: 400;
- }
- .bd-error-modal .detailsIcon-2NtTO9 {
- color: var(--text-muted);
- }
- .bd-error-modal .bd-addon-error-details {
- color: var(--text-muted);
- line-height: 22px;
- letter-spacing: 0.5px;
- text-transform: uppercase;
- font-weight: 700;
- font-size: 12px;
- }
- .bd-error-modal .bd-addon-error-expander {
- height: 24px;
- width: 24px;
- padding: 6px;
- border-radius: 2px;
- color: var(--brand-experiment);
- background: var(--btn-grey);
- transition-property: background, box-shadow;
- transition-duration: 0.2s;
- transition-timing-function: ease-out;
- }
- .bd-error-modal .bd-addon-error-expander:hover {
- background: var(--btn-grey-hover);
- box-shadow: var(--btn-grey-boxshadow);
- }
- .bd-error-modal .bd-addon-error-body .bd-divider {
- display: none;
- }
- .bd-error-modal .bd-addon-error-body {
- padding: 0 8px 8px 8px;
- }
- .bd-addon-error-stack code {
- font-size: 13px;
- line-height: 17px;
- background: var(--code-background);
- border: none;
- border-radius: 0;
- -webkit-font-smoothing: antialiased;
- }
- .markdown-19oyJN {
- font-size: 14px;
- }
- .bd-addon-modal .bd-addon-modal-header .size20-2yAqwX {
- font-size: 22px;
- font-weight: 700;
- line-height: 24px;
- color: var(--header-primary);
- }
- #channelTabs-container {
- box-shadow: inset hsl(calc(var(--accent-hue) + 13), calc(var(--saturation-factor, 1) * 13.5%), 27.6%, 0.75) 1px 0 0 0, inset hsl(calc(var(--accent-hue) + 13), calc(var(--saturation-factor, 1) * 13.5%), 27.6%, 0.25) -1px -1px 0 0;
- }
- #app-mount #channelTabs-container {
- background: var(--background-tertiary);
- }
- #app-mount #channelTabs-container > :not(#channelTabs-settingsMenu) + div {
- padding-top: 4px;
- border-top: none;
- }
- .platform-linux #channelTabs-container, .platform-web #channelTabs-container {
- margin-top: var(--titlebar-height);
- }
- #channelTabs-container ~ .layers__1c917 .container_ca50b9::before {
- box-shadow: inset hsl(calc(var(--accent-hue) + 13), calc(var(--saturation-factor, 1) * 13.5%), 27.6%, 0.75) 1px 1px 1px 0, inset hsl(calc(var(--accent-hue) + 13), calc(var(--saturation-factor, 1) * 13.5%), 27.6%, 0.25) -1px 0 1px 0;
- }
- #channelTabs-container .channelTabs-tab {
- border-radius: 0;
- --background-modifier-hover: var(--background-accent-25);
- --background-modifier-active: var(--background-accent-25);
- --background-modifier-selected: var(--background-accent);
- transition-property: background, box-shadow, color;
- transition-duration: 0.15s;
- transition-timing-function: ease-out;
- }
- #channelTabs-container .channelTabs-mentionBadge,
- #channelTabs-container .channelTabs-unreadBadge {
- border-radius: 0;
- }
- #channelTabs-container .channelTabs-closeTab {
- border-radius: 0;
- }
- #channelTabs-container .channelTabs-newTab {
- border-radius: 0;
- }
- #channelTabs-container .channelTabs-noFavNotice {
- color: var(--background-accent-hover);
- font-size: 12px;
- line-height: 16px;
- padding: 0;
- }
- #channelTabs-container .channelTabs-fav {
- --background-modifier-hover: var(--background-accent-25);
- --background-modifier-active: var(--background-accent-25);
- transition-property: background, color;
- transition-duration: 0.15s;
- transition-timing-function: ease-out;
- border-radius: 50px;
- padding-left: 4px;
- padding-right: 4px;
- }
- #channelTabs-container .channelTabs-fav .channelTabs-noMention,
- #channelTabs-container .channelTabs-fav .channelTabs-noUnread {
- background-color: transparent;
- }
- .gameActivityToggleAdded-Yd-YxC .withTagAsButton_cc125f,
- .gameActivityToggleAdded-Yd-YxC .withTagAsButton_cc125f {
- flex: initial;
- min-width: initial;
- }
- .container-6sXIoE {
- margin-bottom: 0;
- border-bottom: 0;
- padding: 8px;
- }
- #app-mount .layer__2efaa ~ .layer__2efaa .repoHeader-2KfNvH.contentColumnDefault_c66386 {
- padding: 32px 24px 0 !important;
- }
- #app-mount .layer__2efaa ~ .layer__2efaa .repo-k8F4Sd {
- max-width: 100% !important;
- }
- .repoHeader-2KfNvH::after {
- content: "";
- display: block;
- position: absolute;
- bottom: -24px;
- left: 0;
- height: 24px;
- width: 100%;
- background: linear-gradient(to bottom, var(--background-tertiary) 0%, transparent 100%);
- pointer-events: none;
- z-index: 1;
- }
- .repoHeader-2KfNvH h2 {
- font-size: 22px;
- line-height: 24px;
- font-weight: 700;
- margin-bottom: 0;
- }
- .repoHeader-2KfNvH .inner__999f6 {
- border-radius: 2px;
- transition: padding 0.3s cubic-bezier(0.16, 0.86, 0.43, 0.99);
- }
- .repoHeader-2KfNvH .inner__999f6:hover {
- padding-left: 8px;
- padding-right: 8px;
- background: var(--btn-grey-hover);
- box-shadow: var(--btn-grey-boxshadow);
- }
- .repoHeader-2KfNvH .inner__999f6 svg {
- color: var(--brand-experiment);
- }
- .repoHeader-2KfNvH .tabBarContainer-sCZC4w {
- border: none;
- margin: 10px 0 0 0;
- }
- .repoHeader-2KfNvH .tabBar-2hXqzU {
- gap: 4px;
- }
- .repoHeader-2KfNvH .tabBar-2hXqzU .selected__5711d {
- display: none;
- }
- .repoHeader-2KfNvH .tabBar-2hXqzU .item__48dda {
- font-size: 0;
- height: 34px;
- width: 34px;
- border-radius: 2px;
- background: var(--btn-grey);
- transition-property: background, box-shadow, color;
- transition-duration: 0.2s;
- transition-timing-function: ease-out;
- border: none;
- }
- .repoHeader-2KfNvH .tabBar-2hXqzU .item__48dda:nth-child(2):not(:last-child) {
- width: -moz-fit-content;
- width: fit-content;
- font-size: 14px;
- line-height: 18px;
- font-weight: 400;
- color: var(--text-lighter);
- padding: 8px 14px;
- }
- .repoHeader-2KfNvH .tabBar-2hXqzU .item__48dda:hover {
- background: var(--btn-grey-hover);
- color: #fff;
- box-shadow: var(--btn-grey-boxshadow);
- }
- .repoHeader-2KfNvH .tabBar-2hXqzU .item__48dda:first-child::before {
- content: "";
- display: block;
- position: absolute;
- inset: 0;
- height: 100%;
- width: 100%;
- -webkit-mask: url(https://maendisease.github.io/Steam/illustrations/icns/discordrightarrow.svg) center/contain no-repeat;
- mask: url(https://maendisease.github.io/Steam/illustrations/icns/discordrightarrow.svg) center/contain no-repeat;
- -webkit-mask-size: 20px;
- mask-size: 20px;
- background: var(--brand-experiment);
- scale: -1;
- }
- .repoHeader-2KfNvH .tabBar-2hXqzU .item__48dda:last-child::before {
- content: "";
- display: block;
- position: absolute;
- inset: 0;
- height: 100%;
- width: 100%;
- -webkit-mask: url(https://maendisease.github.io/Steam/illustrations/icns/settings.svg) center/contain no-repeat;
- mask: url(https://maendisease.github.io/Steam/illustrations/icns/settings.svg) center/contain no-repeat;
- -webkit-mask-size: 18px;
- mask-size: 18px;
- background: var(--brand-experiment);
- }
- .repoScroller-9JnAPs {
- overflow: hidden overlay !important;
- }
- .repoScroller-9JnAPs .tabContent-nZ-1U5 {
- margin-top: 14px;
- }
- .repoScroller-9JnAPs .card-x5zW6z {
- background: var(--btn-grey);
- border: none;
- border-radius: 2px;
- box-shadow: none;
- transform: none;
- transition: none;
- }
- .repoScroller-9JnAPs .card-x5zW6z .header-4hHJgv {
- margin-bottom: 16px;
- }
- .repoScroller-9JnAPs .card-x5zW6z .iconWrapper-eK7GO6 {
- display: none;
- }
- .repoScroller-9JnAPs .button-coQXfM {
- border-radius: 2px;
- font-size: 14px;
- font-weight: 400;
- height: 34px;
- padding: 8px 14px;
- transition-property: background, box-shadow, color;
- transition-duration: 0.2s;
- transition-timing-function: ease-out;
- background-image: linear-gradient(to right, hsl(calc(var(--accent-hue) - 4), calc(var(--saturation-factor, 1) * 100%), 63.9%) 0%, hsl(calc(var(--accent-hue) + 20), calc(var(--saturation-factor, 1) * 76.4%), 43.1%) 60%);
- background-position: 25%;
- background-size: 330% 100%;
- }
- .repoScroller-9JnAPs .button-coQXfM:hover {
- background-position: 0%;
- background-size: 330% 100%;
- background-image: linear-gradient(to right, hsl(calc(var(--accent-hue) - 4), calc(var(--saturation-factor, 1) * 100%), 63.9%) 0%, hsl(calc(var(--accent-hue) + 20), calc(var(--saturation-factor, 1) * 76.4%), 43.1%) 60%);
- box-shadow: var(--btn-grey-boxshadow);
- }
- #permissions-modal-wrapper #permissions-modal {
- border: none;
- border-radius: 0;
- box-shadow: none;
- }
- #permissions-modal-wrapper .header {
- background: none;
- box-shadow: none;
- padding: 16px;
- color: var(--header-secondary);
- font-size: 14px;
- font-weight: 400;
- line-height: 18px;
- }
- #permissions-modal-wrapper .modal-body {
- background: none;
- }
- #permissions-modal-wrapper .role-side {
- background: none;
- padding: 0;
- }
- #permissions-modal-wrapper .perm-side {
- background: none;
- padding: 0;
- }
- #permissions-modal-wrapper .role-item {
- margin-bottom: 0;
- border-radius: 0;
- padding: 5px 8px;
- font-size: 14px;
- font-weight: 600;
- line-height: 18px;
- height: 32px;
- box-sizing: border-box;
- align-items: center;
- }
- #permissions-modal-wrapper .role-item:hover {
- background: rgba(255, 255, 255, 0.2);
- }
- #permissions-modal-wrapper .role-item.selected {
- background: var(--btn-dark-hover);
- }
- #permissions-modal-wrapper .perm-item {
- box-shadow: inset 0 -1px 0 hsl(var(--primary-500-hsl)/0.3);
- height: 44px;
- padding: 6px 8px;
- }
- #permissions-modal-wrapper .perm-item svg {
- height: 18px;
- width: 18px;
- }
- #permissions-modal-wrapper .perm-item.allowed svg {
- fill: var(--gpColor-Green);
- }
- #permissions-modal-wrapper .perm-item.denied {
- box-shadow: none;
- background: var(--info-danger-background);
- }
- #permissions-modal-wrapper .perm-item.denied .perm-name {
- color: var(--status-danger);
- font-weight: 700;
- }
- #permissions-modal-wrapper .perm-item.denied svg {
- fill: var(--gpColor-Red);
- }
- #permissions-modal-wrapper .perm-name {
- font-size: 14px;
- font-weight: 400;
- line-height: 18px;
- color: hsl(calc(var(--accent-hue) + 5), calc(var(--saturation-factor, 1) * 7.8%), 69.8%);
- }
- .PI-indicatorContainer [style="color: #3BA55D;"] {
- color: var(--rs-online-color) !important;
- }
- .PI-indicatorContainer [style="color: #FAA81A;"] {
- color: var(--rs-idle-color) !important;
- }
- .PI-indicatorContainer [style="color: #ED4245;"] {
- color: var(--rs-dnd-color) !important;
- }
- .PI-indicatorContainer path[d^="M4 2.5C2.897 2.5 2 3.397"] {
- d: path("M 23,6.125 H 5 V 18.5 h 4.8375 l -0.9,3.375 h 10.125 l -0.9,-3.375 H 23 Z M 20.75,16.25 H 7.25 V 8.375 h 13.5 z");
- }
- .PI-indicatorContainer .PI-icon_mobile {
- transform: none !important;
- }
- .PI-indicatorContainer path[d^="M 2.882812 0.246094 C 1.941406"] {
- d: path("M 22.963465,4.4999999 H 9.0525229 c -1.6552314,0 -2.9922529,1.3370206 -2.9922529,2.992252 V 36.50775 c 0,1.655345 1.3370215,2.99225 2.9922529,2.99225 H 22.947477 c 1.655349,10e-7 2.992253,-1.337021 2.992253,-2.99225 V 7.4922519 c 0,-1.655348 -1.337019,-2.992252 -2.992253,-2.992252 z M 12.58598,5.9006161 h 6.859901 c 0.445634,0 0.795818,0.3501833 0.795818,0.7958178 0,0.4456349 -0.350184,0.795818 -0.795818,0.795818 H 12.58598 c -0.445637,0 -0.795821,-0.3501831 -0.795821,-0.795818 0,-0.4456345 0.350184,-0.7958178 0.795821,-0.7958178 z m 3.437885,31.0210259 c -0.875401,0 -1.591638,-0.716236 -1.591638,-1.591632 0,-0.8754 0.716237,-1.591636 1.591638,-1.591636 0.875399,0 1.591634,0.716236 1.591634,1.591636 0,0.875399 -0.716235,1.591632 -1.591634,1.591632 z m 7.92632,-5.172812 H 8.1452671 V 9.4817966 H 23.918329 V 31.764696 Z");
- }
- .layout_bb8e67:has([mask="url(#svg-mask-avatar-status-mobile-32)"]) .nameAndDecorators_e34d47:has(.PI-indicatorContainer) .username__11d8c span {
- max-width: unset;
- }
- .layout_bb8e67:has([mask="url(#svg-mask-avatar-status-mobile-32)"]) .nameAndDecorators_e34d47:has(.PI-indicatorContainer) .username__11d8c::after {
- display: none;
- }
- .VPP-Button {
- background: rgba(0, 0, 0, 0.3);
- border-radius: 2px;
- }
- .VPP-Button:hover {
- background: rgba(0, 0, 0, 0.6);
- }
- .VPP-carousel.carouselModal-1eUFoq:not(#idontthinkso) {
- height: -moz-fit-content;
- height: fit-content;
- width: -moz-fit-content;
- width: fit-content;
- position: relative;
- background: var(--modal-background);
- }
- .VPP-carousel .arrowContainer__94160 {
- opacity: 1;
- background: var(--btn-grey);
- border-radius: 2px;
- }
- .VPP-carousel .arrowContainer__94160:hover {
- background: var(--btn-grey-hover);
- }
- .container-OnlineFriendCount {
- height: -moz-fit-content;
- height: fit-content;
- margin: 12px 0;
- }
- .item-OnlineFriendCount {
- text-transform: capitalize;
- }
Add Comment
Please, Sign In to add comment