/**
 * @name Steam
 * @author maenDisease
 * @authorLink https://maendisease.github.io/
 * @version 1.0.0
 * @description Steam UI on Discord.
 * @source https://github.com/maenDisease/Steam
 * @website https://maendisease.github.io/
 * @invite BShu37e4jg
*/

:root {
  --hue-shift: 0; /* 0-360 */
  --content-width: 940px; /* 100% = Full Width */
  --message-width: 640px;
  --server-size: 28px;
  --custom-font: "gg sans";
  --custom-font-code: monospace;
}

@import url(https://syndishanx.github.io/Discord-Dark/Imports/ProfileBannerSkins.css);
@import url(https://syndishanx.github.io/Discord-Dark/Imports/BDAddonMini.css);
@import url(https://syndishanx.github.io/Discord-Dark/Imports/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);

@import url(https://discordstyles.github.io/HorizontalServerList/dist/HorizontalServerList.css);
@import url(https://discordstyles.github.io/Addons/bottomhsl.css);
.folderIconWrapper__72239 {
  transform: rotate(-90deg);
}
.closedFolderIconWrapper__7321f .icon_c48348, .expandedFolderIconWrapper__458cf svg {
  transform: rotate(90deg);
}

: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-developer: url(https://maendisease.github.io/Steam/illustrations/icns/developer.svg);
}

:root {
  --settingsmodalbackground: transparent;
  --settingsmodalwidth: 850px;
  --settingsmodalheight: 80vh;
}

: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%);
}

.appMount_fae9dd,
body,
.app_de4237 {
  background: none;
}

.bg__12180 {
  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));
}

.content__4bf10 {
  justify-content: center;
}

.notice__5fd4c {
  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 .modalHeader-3X0A4K {
  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(.overviewSidebar-3JDLaJ, .guildSidebar__8763f) {
  width: 692px;
}

.largeSpacing-22TLsQ {
  margin-bottom: 32px;
  margin-top: 10px;
}

.spacing-YMH87Q {
  margin: 0;
}

.overrideList-1mnGiL .flex_f5fbb7:has(> .header-2BMCBr) {
  padding-top: 8px;
  padding-left: 8px;
}
.overrideList-1mnGiL .header-2BMCBr {
  margin-bottom: 0;
}
.overrideList-1mnGiL .headerName-3l1jaS {
  margin-left: 0;
}
.overrideList-1mnGiL .headerOption-34DUW8 {
  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;
}

.problems__755eb {
  position: relative;
  inset: unset;
  padding: 10px 0 0 0;
  transform: none;
  --text-link: var(--text-linkHi);
}
.problems__755eb a:hover {
  text-decoration: none;
  --text-link: var(--text-linkHi-hover);
}
.problems__755eb .links_ab4aa2 {
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
}
.problems__755eb .anchor_c8ddc0 {
  text-decoration: none;
}

[d="M21.924 8.61789C21.77 8.24489 21.404 8.00089 21 8.00089H15.618L12.894 2.55389C12.555 1.87689 11.444 1.87689 11.105 2.55389L8.38199 8.00089H2.99999C2.59599 8.00089 2.22999 8.24489 2.07599 8.61789C1.92199 8.99089 2.00699 9.42289 2.29299 9.70789L6.87699 14.2919L5.03899 20.7269C4.92399 21.1299 5.07199 21.5619 5.40999 21.8089C5.74999 22.0569 6.20699 22.0659 6.55399 21.8329L12 18.2029L17.445 21.8329C17.613 21.9449 17.806 22.0009 18 22.0009C18.207 22.0009 18.414 21.9369 18.59 21.8089C18.928 21.5619 19.076 21.1299 18.961 20.7269L17.123 14.2919L21.707 9.70789C21.993 9.42289 22.078 8.99089 21.924 8.61789Z"] {
  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="M16.293 9.293L17.707 10.707L12 16.414L6.29297 10.707L7.70697 9.293L11 12.586V2H13V12.586L16.293 9.293ZM18 20V18H20V20C20 21.102 19.104 22 18 22H6C4.896 22 4 21.102 4 20V18H6V20H18Z"] {
  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="M19.738 10H22V14H19.739C19.498 14.931 19.1 15.798 18.565 16.564L20 18L18 20L16.565 18.564C15.797 19.099 14.932 19.498 14 19.738V22H10V19.738C9.069 19.498 8.203 19.099 7.436 18.564L6 20L4 18L5.436 16.564C4.901 15.799 4.502 14.932 4.262 14H2V10H4.262C4.502 9.068 4.9 8.202 5.436 7.436L4 6L6 4L7.436 5.436C8.202 4.9 9.068 4.502 10 4.262V2H14V4.261C14.932 4.502 15.797 4.9 16.565 5.435L18 3.999L20 5.999L18.564 7.436C19.099 8.202 19.498 9.069 19.738 10ZM12 16C14.2091 16 16 14.2091 16 12C16 9.79086 14.2091 8 12 8C9.79086 8 8 9.79086 8 12C8 14.2091 9.79086 16 12 16Z"] {
  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="M19.2929 9.8299L19.9409 9.18278C21.353 7.77064 21.353 5.47197 19.9409 4.05892C18.5287 2.64678 16.2292 2.64678 14.817 4.05892L14.1699 4.70694L19.2929 9.8299ZM12.8962 5.97688L5.18469 13.6906L10.3085 18.813L18.0201 11.0992L12.8962 5.97688ZM4.11851 20.9704L8.75906 19.8112L4.18692 15.239L3.02678 19.8796C2.95028 20.1856 3.04028 20.5105 3.26349 20.7337C3.48669 20.9569 3.8116 21.046 4.11851 20.9704Z"] {
  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__4cb88) [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__4cb88) [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__4cb88) [d="M14.8834 11.9077C16.6657 11.5044 18.0001 9.9077 18.0001 8.00598C18.0001 5.96916 16.4693 4.28218 14.4971 4.0367C15.4322 5.09511 16.0001 6.48524 16.0001 8.00598C16.0001 9.44888 15.4889 10.7742 14.6378 11.8102C14.7203 11.8418 14.8022 11.8743 14.8834 11.9077Z"] {
  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="M0.5,0 L0.5,1.5 C0.5,5.65 2.71,9.28 6,11.3 L6,16 L21,16 L21,14 C21,11.34 15.67,10 13,10 C13,10 12.83,10 12.75,10 C8,10 4,6 4,1.5 L4,0 L0.5,0 Z M13,0 C10.790861,0 9,1.790861 9,4 C9,6.209139 10.790861,8 13,8 C15.209139,8 17,6.209139 17,4 C17,1.790861 15.209139,0 13,0 Z"] {
  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 2C6.4764 2 2 6.4764 2 12C2 17.5236 6.4764 22 12 22C17.5236 22 22 17.5236 22 12C22 6.4764 17.5236 2 12 2ZM12 5.6C12.4422 5.6 12.8 5.95781 12.8 6.4V11.5376L16.5625 13.7126C16.9453 13.9329 17.0703 14.4173 16.85 14.8001C16.6297 15.183 16.1453 15.3079 15.7625 15.0876L11.6873 12.7376C11.656 12.7251 11.6279 12.7048 11.5998 12.6876C11.3607 12.5486 11.1998 12.2954 11.1998 12.0001V6.4001C11.1998 5.9579 11.5578 5.6 12 5.6Z"] {
  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="M20 11.1111H12.8889V4H11.1111V11.1111H4V12.8889H11.1111V20H12.8889V12.8889H20V11.1111Z"] {
  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);
}

.folderIconWrapper__72239 {
  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_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-3wLKDe {
  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-3wLKDe .list-3FIpnh > div:first-child {
  padding-right: 48px;
}

#app-mount .mainCard__8a660.header-1Uy0p6 {
  background: var(--banner-lightblue);
}
#app-mount .mainCard__8a660.header-1Uy0p6 .container-JhuCwn {
  padding-top: 16px;
  padding-bottom: 16px;
}
#app-mount .mainCard__8a660.header-1Uy0p6 .formContainer-1zrOWf,
#app-mount .mainCard__8a660.header-1Uy0p6 .horizontalPadding-3WQsQ9 {
  padding-left: 16px;
  padding-right: 16px;
}
#app-mount .mainCard__8a660.header-1Uy0p6 .formContainer-1zrOWf .form-25Aujy {
  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-1Uy0p6 textarea {
  color: var(--channels-default-hover);
  font-weight: 400;
  background: none;
  box-shadow: none;
  font-size: 20px;
}
#app-mount .mainCard__8a660.header-1Uy0p6 textarea::-moz-placeholder {
  font-weight: 400;
  font-style: italic;
}
#app-mount .mainCard__8a660.header-1Uy0p6 textarea::placeholder {
  font-weight: 400;
  font-style: italic;
}
#app-mount .mainCard__8a660.header-1Uy0p6 .contentContainer-2xwoXK {
  padding-left: 0;
}
#app-mount .mainCard__8a660.header-1Uy0p6 .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-1Uy0p6 .container-3Om6RL {
  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-1Uy0p6 .container-3Om6RL .uploadInput-3fblkw {
  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-1Uy0p6 .container-3Om6RL .imageSmall__59845 {
  height: 92px;
  border-radius: 0;
}
#app-mount .mainCard__8a660.header-1Uy0p6 .container-3Om6RL .popoutContainer-26yHc8 {
  position: absolute;
  padding: 0;
  top: 0;
  right: 0;
}
#app-mount .mainCard__8a660.header-1Uy0p6 .container-3Om6RL .popout-2vZMlk {
  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-1Uy0p6 .container-3Om6RL .uploads-1mYJLm {
  padding-right: 0;
  gap: 2px;
}
#app-mount .mainCard__8a660.header-1Uy0p6 .container-3Om6RL .spoilerContainer_b653f1 {
  border-radius: 0;
  background-color: transparent;
}
#app-mount .mainCard__8a660.header-1Uy0p6 .container-3Om6RL .attachmentItemSmall__2cb8c {
  min-width: 92px;
  min-height: 92px;
  max-width: 92px;
  max-height: 92px;
}
#app-mount .mainCard__8a660.header-1Uy0p6 .tagsContainer-3rSFH5 {
  background-color: rgba(0, 0, 0, 0.2);
  padding: 8px;
  margin: 6px 110px 6px 0;
}
#app-mount .mainCard__8a660.header-1Uy0p6 .tagsContainer-3rSFH5 .tagList-2APRrt {
  height: unset;
}
#app-mount .mainCard__8a660.header-1Uy0p6 .tagsContainer-3rSFH5 .tagListInner-1mCauI {
  gap: 2px;
}
#app-mount .mainCard__8a660.header-1Uy0p6 .tagsContainer-3rSFH5 .tagsButton-2EKn70 {
  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-1Uy0p6 .tagsContainer-3rSFH5 .tagsButton-2EKn70:hover {
  background: var(--btn-brand-hover);
  --text-brand: var(--white-500);
}
#app-mount .mainCard__8a660.header-1Uy0p6 .tagsContainer-3rSFH5 .tagsButton-2EKn70 .tagsButtonInner-QgpYNg {
  gap: 0;
}
#app-mount .mainCard__8a660.header-1Uy0p6 .tagsContainer-3rSFH5 .tagsButton-2EKn70 .tagsButtonInner-QgpYNg::before {
  content: "+";
  font-size: 11px;
}
#app-mount .mainCard__8a660.header-1Uy0p6 .tagsContainer-3rSFH5 .tagsButton-2EKn70 svg {
  display: none;
}
#app-mount .mainCard__8a660.header-1Uy0p6 .tagsDivider-3LhkLA {
  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-1Uy0p6 .form-25Aujy .submitButton-3B-dZd {
  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-1Uy0p6 .form-25Aujy .submitButton-3B-dZd: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-1Uy0p6 .form-25Aujy .submitButton-3B-dZd .text-md-semibold__79164 {
  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-3arpDl {
  background: var(--banner-yellow);
  border: none;
  border-radius: 0;
  padding: 16px;
  margin-top: 1px;
}
.container-3arpDl .descriptionContainer-2ylKGk {
  margin-top: 0;
  background: none;
  padding: 16px;
  border-radius: 0;
}
.container-3arpDl .descriptionContainer-2ylKGk: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-3arpDl .descriptionContainer-2ylKGk .guidelines-jQLwyH {
  color: #e1c48a !important;
}
.container-3arpDl .showMore-orAmWF {
  height: 20px;
  border-top: 1px solid hsla(40, 59%, 71%, 0.5);
}
.container-3arpDl .showMore-orAmWF .gradient-1SYq38 {
  display: none;
}
.container-3arpDl .showMore-orAmWF .linkContainer-2xEQjX {
  background: none;
}
.container-3arpDl .showMore-orAmWF .showMoreLink-v8clx5 {
  padding: 0;
}
.container-3arpDl .showMore-orAmWF .showMoreText-1jKd_4 {
  font-size: 10px;
  font-weight: 500;
  text-transform: uppercase;
}
.container-3arpDl .showMore-orAmWF svg {
  margin-left: 4px;
  height: 10px;
  width: 10px;
}

.tagsContainer-2bBw1x {
  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-2bBw1x .tagList-1CiR0h {
  height: unset;
  order: -1;
  width: 100%;
  flex-basis: 100%;
  padding: 10px;
  background: var(--taglist-bg);
  box-shadow: 0 0 5px #000;
}
.tagsContainer-2bBw1x .tagList-1CiR0h .pill_f055c3 {
  height: 20px;
  padding: 0 6px;
}
.tagsContainer-2bBw1x .tagList-1CiR0h [data-text-variant="text-sm/semibold"] {
  font-size: 12px;
  line-height: 16px;
}
.tagsContainer-2bBw1x > button {
  border-left: 1px solid var(--taglist-bg);
  box-shadow: none !important;
}
.tagsContainer-2bBw1x .divider-2bkesd {
  width: 0;
  height: 26px;
  border-radius: 0;
  background: none;
  margin: 0 4px 0 0;
  border-left: 1px solid var(--taglist-bg);
}
.tagsContainer-2bBw1x .sortDropdown-hY93nR {
  margin-bottom: 0;
  height: unset;
  background: none;
  border-radius: 0;
}
.tagsContainer-2bBw1x .sortDropdown-hY93nR .sortDropdownText-3smleu {
  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-2bBw1x .sortDropdown-hY93nR svg {
  height: 16px;
  width: 16px;
  color: var(--btn-brand-text);
}
.tagsContainer-2bBw1x .sortDropdown-hY93nR svg:has([d^="M12.1803 4.66659L12.1803"]) {
  display: none;
}
.tagsContainer-2bBw1x .tagsButton-4pwOKH {
  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-1Uy0p6) {
  --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-1Uy0p6):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;
}

.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: var(--banner-yellow);
}
#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^="M11.383 3.07904C11.009 2.92504 10.579 3.01004 10.293"]) {
  -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^="M10.293 3.29604C10.579 3.01004 11.009 2.92504 11.383"]) {
  -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^="M19.73 9L21 10.27l-2.23 2.23L21"]) {
  -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(.discoverHeader_fae7fd) .discoverHeader_fae7fd {
  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(.discoverHeader_fae7fd) .categoryItem_b1be5c {
  --header-secondary: var(--channels-default);
}
.sidebar_ded4b5:has(.discoverHeader_fae7fd) .categoryItem_b1be5c:hover:not(.selected__9800b) {
  --channels-default: var(--channels-default-hover);
}
.sidebar_ded4b5:has(.discoverHeader_fae7fd) .categoryItem_b1be5c:hover:not(.selected__9800b) svg {
  color: var(--channels-default);
}
.sidebar_ded4b5:has(.discoverHeader_fae7fd) .categoryItem_b1be5c.selected__9800b {
  --channels-default: #fff;
}
.sidebar_ded4b5:has(.discoverHeader_fae7fd) .categoryItem_b1be5c.selected__9800b .layout_bb8e67 {
  background: var(--channel-selected);
}
.sidebar_ded4b5:has(.discoverHeader_fae7fd) .layout_bb8e67 {
  border-radius: 0;
  background: none;
  padding: 6px 8px;
}
.sidebar_ded4b5:has(.discoverHeader_fae7fd) .avatar__6337f {
  width: 16px;
  height: 16px;
  margin-right: 6px;
}
.sidebar_ded4b5:has(.discoverHeader_fae7fd) .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 .searchPage-3tt6dh {
  grid-area: search;
}
.pageWrapper_fef757 .searchHeader_d44e8b {
  grid-area: found;
  background: rgba(0, 0, 0, 0.2);
  margin-bottom: 0;
  padding: 10px;
}
.pageWrapper_fef757 .searchHeader_d44e8b .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 .searchHeader_d44e8b .arrow__3dfcd:hover {
  background: var(--btn-brand-hover);
  color: #fff;
}
.pageWrapper_fef757 .searchHeader_d44e8b .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 .categories-2LoSbA {
  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 .categories-2LoSbA::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 .categories-2LoSbA .categoryPill-1zjNrr {
  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 .categories-2LoSbA .categoryPill-1zjNrr:first-child {
  margin-top: 4px;
}
.pageWrapper_fef757 .categories-2LoSbA .categoryPill-1zjNrr:last-child {
  margin-bottom: 4px;
}
.pageWrapper_fef757 .categories-2LoSbA .categoryPill-1zjNrr:hover {
  --text-muted: #fff;
  background: rgba(255, 255, 255, 0.1);
}
.pageWrapper_fef757 .categories-2LoSbA .categoryPill-1zjNrr.selected-bLcqYK {
  background: var(--btn-brand-hover);
}
.pageWrapper_fef757 .categories-2LoSbA .categoryPill-1zjNrr .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-25t1e9 {
  width: 300px;
  max-width: calc(100% - 80px - 2px);
  flex-grow: 0;
}
.pageWrapper_fef757 .searchPage-3tt6dh .searchBox_a63854 {
  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 .searchBox_a63854 input {
  padding: 0;
  font-size: 12px;
  font-weight: 500;
  color: #fff;
}
.pageWrapper_fef757 .searchPage-3tt6dh .searchBox_a63854 input:hover {
  background: none;
}
.pageWrapper_fef757 .searchPage-3tt6dh .searchBox_a63854 input:focus, .pageWrapper_fef757 .searchPage-3tt6dh .searchBox_a63854 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;
}

.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;
  width: 200%;
  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;
}

.settingsHero-2Me_mE {
  width: 100%;
  border-radius: 0;
  background: none;
  margin-bottom: 0;
}
.settingsHero-2Me_mE > * {
  z-index: 1;
}
.settingsHero-2Me_mE::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%);
}
.settingsHero-2Me_mE [data-text-variant="text-lg/normal"] {
  font-size: 16px;
  line-height: 20px;
}

.premiumTierCardsContainer-2obTQK {
  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-2obTQK: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);
}

.perksContainer-1hGJpM {
  background: #fff;
  margin: 0;
  max-width: 100%;
}
.perksContainer-1hGJpM .defaultColor__87d87 {
  color: #1b1b1b;
}

.perksTitle-1U7C5- {
  display: none;
}

.bigPerkCardContainer-100zsH {
  display: block;
  padding-top: 4em;
}

.bigPerkCard-1uwmWV {
  background: none;
  border-radius: 0;
  flex-direction: row;
  padding: 0 5em;
  gap: 20px;
  margin-bottom: 20px;
  justify-content: center;
}
.bigPerkCard-1uwmWV:nth-child(2), .bigPerkCard-1uwmWV:nth-child(4) {
  flex-direction: row-reverse;
}
.bigPerkCard-1uwmWV h2,
.bigPerkCard-1uwmWV img {
  width: 50%;
}
.bigPerkCard-1uwmWV [data-text-variant="heading-xl/extrabold"] {
  text-align: left;
  font-size: 18px;
}

.smallPerkCardContainer-X9-c92 {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  grid-gap: 20px;
  padding: 0 5em 4em 5em;
}

.smallPerkCard-2sX_-- {
  background: none;
  border-radius: 0;
  padding: 8px 16px 10px 16px;
  justify-content: flex-start;
}
.smallPerkCard-2sX_-- img {
  margin-bottom: 10px;
  order: -1;
  -o-object-fit: scale-down;
     object-fit: scale-down;
  height: 150px;
  width: 100%;
}
.smallPerkCard-2sX_-- h2 {
  margin: 0;
  font-size: 18px;
  font-weight: 700;
  line-height: 20px;
  color: #1b1b1b;
}
.smallPerkCard-2sX_-- [data-text-variant="text-sm/normal"] {
  padding: 0;
  font-size: 13px;
  line-height: 18px;
  font-weight: 700;
  color: #1b1b1b;
}

.bigPerkArt-2FBijV {
  margin: 0;
}

.planComparisonTable-3NX-qt {
  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;
}
.planComparisonTable-3NX-qt .titleText-rdztw2 {
  font-size: 30px;
  line-height: 34px;
  font-weight: 800;
  letter-spacing: 0;
  margin-bottom: 6px;
  margin-top: 8px;
  text-transform: capitalize;
  text-align: start;
}
.planComparisonTable-3NX-qt .headerRow-_Ed0yk h2 {
  font-size: 16px;
  line-height: 20px;
  font-weight: 600;
}
.planComparisonTable-3NX-qt .headerRow-_Ed0yk th {
  display: flex;
  align-items: start;
  justify-content: center;
}
.planComparisonTable-3NX-qt .headerRow-_Ed0yk .headerLabelCell-eG_2hU {
  align-items: center;
  justify-content: left;
  width: 25%;
  max-width: 25%;
}
.planComparisonTable-3NX-qt .headerRow-_Ed0yk .headerCell-3mJ5RH {
  width: 37.5%;
}
.planComparisonTable-3NX-qt .labelCell-1GC1sX [data-text-variant="text-sm/normal"] {
  font-size: 16px;
  line-height: 20px;
  font-weight: 600;
  --text-normal: #ffffff7a;
}
.planComparisonTable-3NX-qt .row-32xD2c {
  height: unset;
  min-height: 48px;
}
.planComparisonTable-3NX-qt th[scope=row] {
  padding: 4px;
  width: 25%;
  max-width: 25%;
}
.planComparisonTable-3NX-qt td {
  align-items: start;
  width: 37.5%;
}
.planComparisonTable-3NX-qt .rowBottomBorder-3HkIZv {
  width: 100%;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
.planComparisonTable-3NX-qt .tier2ColumnOuter-1U2eKO {
  display: none;
}
.planComparisonTable-3NX-qt .closeIcon-3aZ-RA {
  color: rgba(255, 255, 255, 0.2);
}

.innerWrapper-Eo2E86 {
  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;
  width: 200%;
  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="M19.487 5.126L10.487 0.126C10.184 -0.042 9.81798 -0.042 9.51498 0.126L0.514977 5.126C0.197977 5.302 0.000976562 5.636 0.000976562 5.999C0.000976562 6.693 0.114977 22.999 10.001 22.999C19.887 22.999 20.001 6.693 20.001 5.999C20.001 5.636 19.804 5.302 19.487 5.126ZM10.001 5.999C11.382 5.999 12.501 7.118 12.501 8.499C12.501 9.88 11.382 10.999 10.001 10.999C8.61998 10.999 7.50098 9.88 7.50098 8.499C7.50098 7.118 8.61998 5.999 10.001 5.999ZM6.25098 16C6.25098 13.699 7.69998 12.25 10.001 12.25C12.302 12.25 13.751 13.699 13.751 16H6.25098Z"]) {
  height: 47px;
  width: 49px;
  margin-top: 1px;
  margin-right: 12px;
}
.roleRow_c357d5 .roleIcon__2553c:has(path[d="M19.487 5.126L10.487 0.126C10.184 -0.042 9.81798 -0.042 9.51498 0.126L0.514977 5.126C0.197977 5.302 0.000976562 5.636 0.000976562 5.999C0.000976562 6.693 0.114977 22.999 10.001 22.999C19.887 22.999 20.001 6.693 20.001 5.999C20.001 5.636 19.804 5.302 19.487 5.126ZM10.001 5.999C11.382 5.999 12.501 7.118 12.501 8.499C12.501 9.88 11.382 10.999 10.001 10.999C8.61998 10.999 7.50098 9.88 7.50098 8.499C7.50098 7.118 8.61998 5.999 10.001 5.999ZM6.25098 16C6.25098 13.699 7.69998 12.25 10.001 12.25C12.302 12.25 13.751 13.699 13.751 16H6.25098Z"]) 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;
  width: 200%;
  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;
  width: 200%;
  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;
  width: 200%;
  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-1sK4r0 {
  border-radius: 0;
  border: none;
  margin-bottom: 0;
  background: none;
  transition: none;
  padding: 6px 0 6px 8px;
  height: 46px;
}
.override-1sK4r0:hover {
  background: var(--background-accent);
  transition: background 0.2s linear;
}
.override-1sK4r0:hover .checkbox_c7f690 {
  background-color: var(--background-accent-hover);
  transition: background 0.2s linear;
}
.override-1sK4r0 .icon-qThCQ9 {
  width: 16px;
}
.override-1sK4r0 .channelNameContainer-30S1Sr {
  display: flex;
  justify-content: center;
  flex-direction: column;
}
.override-1sK4r0 .channelName-IPB6B3 {
  color: #fff;
  font-weight: 400;
  line-height: 20px;
}
.override-1sK4r0 .channelNameByline-tP477j {
  color: var(--text-muted);
  font-size: 12px;
  line-height: 22px;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  font-weight: 700;
}
.override-1sK4r0 .checkboxMute-1erNeD::before {
  display: none;
}

#app-mount .override-1sK4r0:hover {
  background: var(--background-accent);
  transition: background 0.2s linear;
}
#app-mount .override-1sK4r0 .checkboxContainer-1NbL2v: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-13QKHs {
  position: relative;
  margin-bottom: 0;
  z-index: unset;
  box-sizing: border-box;
  width: 100%;
}
.userProfileModalOuter__3fe6b .header-S26rhB {
  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-S26rhB .avatar-3QF_VA {
  position: relative;
  inset: unset;
  display: flex;
}
.userProfileModalOuter__3fe6b .header-S26rhB .headerTop-1PNKck {
  position: relative;
  inset: unset;
  width: 200px;
  flex-flow: column wrap;
}
.userProfileModalOuter__3fe6b .badgeList-2aoHPw {
  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-3ByBpj {
  width: 100%;
  gap: 4px;
  margin-top: 12px;
}
.userProfileModalOuter__3fe6b .relationshipButtons-3ByBpj button {
  box-shadow: none;
  background: rgba(0, 0, 0, 0.3);
  color: var(--gpColor-Green);
}
.userProfileModalOuter__3fe6b .relationshipButtons-3ByBpj button:hover {
  color: #fff;
  background: var(--gpColor-Green);
}
.userProfileModalOuter__3fe6b .relationshipButtons-3ByBpj [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-3ByBpj [role=button] svg {
  height: 18px;
  width: 18px;
  margin: 0;
  padding: 8px;
  rotate: 90deg;
}
.userProfileModalOuter__3fe6b .body-1Ukv50 {
  padding-top: 168px;
  position: relative;
}
.userProfileModalOuter__3fe6b .container-3g15px {
  position: absolute;
  top: 24px;
  left: 0;
  padding: 0 240px 0 160px;
  width: 100%;
  box-sizing: border-box;
  overflow: hidden;
}
.userProfileModalOuter__3fe6b .container-3g15px [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;
}
.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-1Ukv50 {
  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-2MFCmH {
  margin-bottom: 0;
}
.userProfileModalOuter__3fe6b .userInfoText-2MFCmH .lineClamp2Plus_d4306b {
  -webkit-line-clamp: 20 !important;
}
.userProfileModalOuter__3fe6b .userInfoSection-2u2hir {
  padding: 0;
}
.userProfileModalOuter__3fe6b .userInfoSection-2u2hir 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-2u2hir 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-3M15gE {
  margin: 0 0 12px 0;
}
.userProfileModalOuter__3fe6b .userInfoText-2MFCmH [data-text-variant="text-sm/normal"] {
  background: rgba(0, 0, 0, 0.3);
  padding: 8px;
  border-radius: 5px;
}
.userProfileModalOuter__3fe6b .tabBarContainer-sCZC4w {
  border-bottom: 0;
  margin: 0 12px;
}
.userProfileModalOuter__3fe6b:has(.connectedAccountsColumn_fd2c41) .infoScroller-1QMpon {
  flex-flow: row wrap;
  display: grid;
  grid-template-columns: 1fr 200px;
  grid-gap: 12px;
  grid-template-areas: "info accounts" "hidden hidden";
}
.userProfileModalOuter__3fe6b .userInfoSection-2u2hir + .userInfoSection-2u2hir {
  border-top: none;
}
.userProfileModalOuter__3fe6b .memberSinceContainer__0a28b .userInfoText-2MFCmH {
  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-1QMpon .userInfoSection-2u2hir:not(.connectedAccounts_dc0a56) {
  grid-area: info;
}
.userProfileModalOuter__3fe6b .infoScroller-1QMpon .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-1QMpon > [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-sal5no {
  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-1eUFoq {
  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 2.00098C6.486 2.00098 2 6.48698 2 12.001C2"]) {
  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 2.00098C6.486 2.00098 2 6.48698 2 12.001C2"]):hover {
  background: #fff;
}
.emojiItem_b15dee .icon_e6e189 {
  width: 24px;
  height: 24px;
  fill: var(--background-modifier-accent-dark);
}
.emojiItem_b15dee .icon_e6e189 path[d="M12 2.00098C6.486 2.00098 2 6.48698 2 12.001C2 17.515 6.486 22.001 12 22.001C17.514 22.001 22 17.515 22 12.001C22 6.48698 17.514 2.00098 12 2.00098ZM17 13.001H13V17.001H11V13.001H7V11.001H11V7.00098H13V11.001H17V13.001Z"] {
  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");
}

.theme-dark .theme-light .contentWrapper__321ed {
  background: var(--modal-background);
}

.wrapper__4f229 {
  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 .titlePrimary_bfa46d {
  color: var(--header-primary);
  font-weight: 400;
}
.inspector__993e1 .titleSecondary__9496a {
  color: var(--background-accent-hover);
  font-weight: 700;
}
.inspector__993e1 .titleSecondary__9496a strong {
  font-weight: 700;
  color: var(--text-muted);
  text-transform: uppercase;
}
.inspector__993e1 .graphicSecondary__0c6a1 svg {
  border-radius: 3px;
}
.inspector__993e1 .graphicSecondary__0c6a1 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-3QF_VA {
  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="M16.59 8.59003L12 13.17L7.41 8.59003L6 10L12 16L18 10L16.59 8.59003Z"],
[d="M7.41 16.0001L12 11.4201L16.59 16.0001L18 14.5901L12 8.59006L6 14.5901L7.41 16.0001Z"]) {
  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;
  width: 200%;
  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__6d5ea .title__3e421 {
  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_a2b4b5 {
  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_e76780 {
  font-size: 14px;
}

.bd-addon-modal .bd-addon-modal-header .size20__99138 {
  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;
}