Skip to content

Instantly share code, notes, and snippets.

@ItsJustJoshDev
Created February 4, 2022 22:52
Show Gist options
  • Save ItsJustJoshDev/58af6f74adfda392beb0ac36f8ecba8a to your computer and use it in GitHub Desktop.
Save ItsJustJoshDev/58af6f74adfda392beb0ac36f8ecba8a to your computer and use it in GitHub Desktop.
:root {
--ipados-file-version: "1.0.0";
--ipados-base-version: "1.0.1";
--rounded-small: 4px;
--rounded-large: 8px;
--button-radius: 12px;
--avatar-radius: var(--rounded-large);
--server-radius: var(--rounded-large);
--spacing-xs: 4px;
--spacing-sm: 6px;
--spacing: 8px;
--spacing-md: 10px;
--spacing-lg: 14px;
--spacing-xl: 16px;
--spacing-2xl: 18px;
--spacing-3xl: 24px;
--app-spacing: 16px;
--win-btns-top: var(--app-spacing);
--win-btns-right: calc(156px + var(--app-spacing));
--header-background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40'%3E%3Cg fill-rule='evenodd'%3E%3Cg fill='%239C92AC' fill-opacity='0.4'%3E%3Cpath d='M0 38.59l2.83-2.83 1.41 1.41L1.41 40H0v-1.41zM0 1.4l2.83 2.83 1.41-1.41L1.41 0H0v1.41zM38.59 40l-2.83-2.83 1.41-1.41L40 38.59V40h-1.41zM40 1.41l-2.83 2.83-1.41-1.41L38.59 0H40v1.41zM20 18.6l2.83-2.83 1.41 1.41L21.41 20l2.83 2.83-1.41 1.41L20 21.41l-2.83 2.83-1.41-1.41L18.59 20l-2.83-2.83 1.41-1.41L20 18.59z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
--header-background-repeat: repeat;
--header-background-position: initial;
--header-background-size: auto;
--font-size-xsm: 11px;
--font-size-sm: 14px;
--font-size: 16px;
--font-size-lg: 20px;
--font-size-xl: 24px;
--font-size-2xl: 30px;
--font-size-3xl: 36px;
--sidebar-width: 300px;
--message-padding: 1rem;
--chat-avatar-size: var(--avatar-size-md);
--avatar-size-sm: 24px;
--avatar-size: 32px;
--avatar-size-md: 48px;
--avatar-size-lg: 64px;
--avatar-size-xlg: 84px;
--font-weight-normal: 500;
--font-weight-semibold: 600;
--font-weight-bold: 700;
--settings-height: 800px;
--settings-width: 1280px;
--text-link: rgba(var(--accent), 1);
--discord-green: 59 165 92;
--discord-yellow: 219 171 9;
--discord-red: 215 58 73;
--discord-purple: 89 54 149;
--discord-grey: 117 128 142;
--discord-invisible: 117 128 142;
--discord-nitro: 255 115 250;
--discord-blurple: 114 137 218;
--discord-spotify: 29 185 84;
--discord-twitch: 89 54 149;
--discord-xbox: 16 124 16;
--font-display: var(--font);
}
.theme-light,
html.theme-light #app-mount .theme-light .root-g14mjS,
html.theme-light .force-theme.theme-light {
--bg-lvl-0: hsl(216, 12%, 82%);
--bg-lvl-1: hsl(220, 13%, 90%);
--bg-lvl-2: hsl(220, 14%, 96%);
--bg-lvl-3: hsl(0, 0%, 100%);
--status-online: hsl(89, 100%, 42%);
--status-idle: hsl(44, 100%, 48%);
--status-dnd: hsl(0, 76%, 50%);
--status-offline: hsl(228, 5%, 19%);
--text-muted: hsl(216, 11%, 65%);
--text-normal: hsl(216, 20%, 27%);
--text-focus: hsl(0, 0%, 0%);
--button: var(--bg-lvl-3);
--button-hover: hsl(216, 5%, 18%);
--button-hover-text: hsl(0, 0%, 100%);
--elevation-close: 0 1px 12px 0 hsl(0, 0%, 0%, 0.1), 0 1px 6px 0 hsl(0, 0%, 0%, 0.06);
--elevation-far: 0 10px 15px -3px hsl(0, 0%, 0%, 0.25), 0 4px 6px -2px hsl(0, 0%, 0%, 0.2);
--input-focus: inset 0 0 0 100vmax hsl(0, 0%, 0%, 0.2);
--backdrop: hsl(0, 0%, 0%, 0.6);
--interactive-muted: var(--text-muted);
--interactive-normal: var(--text-normal);
--interactive-active: var(--text-focus);
--background-modifier-hover: hsl(0, 0%, 0%, 0.2);
--channels-default: var(--text-normal);
}
.theme-dark,
html.theme-dark #app-mount .theme-light .root-g14mjS,
html.theme-dark .force-theme.theme-light {
--bg-lvl-0: hsl(225, 9%, 9%);
--bg-lvl-1: hsl(225, 10%, 15%);
--bg-lvl-2: hsl(225, 11%, 21%);
--bg-lvl-3: hsl(225, 12%, 27%);
--status-online: hsl(89, 100%, 42%);
--status-idle: hsl(44, 100%, 48%);
--status-dnd: hsl(0, 76%, 50%);
--status-offline: hsl(228, 5%, 19%);
--text-muted: hsl(0, 0%, 53%);
--text-normal: hsl(0, 0%, 85%);
--text-focus: hsl(0, 0%, 100%);
--button: hsl(216, 5%, 18%);
--button-hover: hsl(0, 0%, 100%);
--button-hover-text: hsl(215, 28%, 17%);
--elevation-close: 0 1px 3px 0 hsl(0, 0%, 0%, 0.1), 0 1px 2px 0 hsl(0, 0%, 0%, 0.06);
--elevation-far: 0 10px 15px -3px hsl(0, 0%, 0%, 0.3), 0 4px 6px -2px hsl(0, 0%, 0%, 0.2);
--input-focus: inset 0 0 0 100vmax hsl(0, 0%, 0%, 0.2);
--backdrop: hsl(0, 0%, 0%, 0.8);
--interactive-muted: var(--text-muted);
--interactive-normal: var(--text-normal);
--interactive-active: hsl(0, 0%, 100%);
--background-modifier-hover: hsl(0, 0%, 0%, 0.2);
--channels-default: var(--text-normal);
}
::-moz-selection {
background: rgba(var(--accent), 1);
color: #fff;
}
::selection {
background: rgba(var(--accent), 1);
color: #fff;
}
#app-mount {
font-weight: var(--font-weight-normal);
}
#app-mount .base-2jDfDU {
margin: var(--app-spacing) var(--app-spacing) var(--app-spacing) 0;
overflow: visible;
}
#app-mount .bg-1QIAus {
background: var(--bg-lvl-0);
}
#app-mount .layer-86YKbF.baseLayer-W6S8cY {
transform: scale(1) !important;
opacity: 1 !important;
}
::-webkit-input-placeholder, body, button, input, select, textarea {
font-family: var(--font, "Poppins"), "Whitney";
}
#app-mount .wrapper-1VLyxH .mask-1FEkla, #app-mount .wrapper-1VLyxH svg:not(:root) {
overflow: visible;
-webkit-mask: none;
mask: none;
}
#app-mount .wrapper-1VLyxH foreignObject {
-webkit-mask: none;
mask: none;
}
#app-mount .wrapper-1VLyxH rect {
-webkit-mask: none;
mask: none;
ry: var(--avatar-radius);
rx: var(--avatar-radius);
}
#app-mount .wrapper-1VLyxH rect[fill="#43b581"], #app-mount .wrapper-1VLyxH rect[fill="rgba(67, 181, 129, 1)"], #app-mount .wrapper-1VLyxH rect[fill="#ffffff"], #app-mount .wrapper-1VLyxH rect[mask*=online] {
fill: rgb(var(--discord-green));
}
#app-mount .wrapper-1VLyxH rect[fill="#faa61a"], #app-mount .wrapper-1VLyxH rect[fill="rgba(250, 166, 26, 1)"], #app-mount .wrapper-1VLyxH rect[mask*=idle] {
fill: rgb(var(--discord-yellow));
}
#app-mount .wrapper-1VLyxH rect[fill="#f04747"], #app-mount .wrapper-1VLyxH rect[fill="rgba(240, 71, 71, 1)"], #app-mount .wrapper-1VLyxH rect[mask*=dnd] {
fill: rgb(var(--discord-red));
}
#app-mount .wrapper-1VLyxH rect[fill="#593695"], #app-mount .wrapper-1VLyxH rect[mask*=streaming] {
fill: rgb(var(--discord-purple));
}
#app-mount .wrapper-1VLyxH rect[fill="#747f8d"], #app-mount .wrapper-1VLyxH rect[mask*=offline], #app-mount .wrapper-1VLyxH rect[fill=NaN], #app-mount .wrapper-1VLyxH rect[mask*=invisible], #app-mount .wrapper-1VLyxH rect[fill="rgba(116, 127, 141, 1)"] {
fill: rgb(var(--discord-grey));
}
#app-mount .wrapper-1VLyxH img {
border-radius: var(--avatar-radius);
}
#app-mount .wrapper-1VLyxH[style*="32"] rect {
stroke: var(--bg-lvl-1);
stroke-width: 2px;
width: 12px;
height: 12px;
x: 21px;
y: 21px;
}
#app-mount .wrapper-1VLyxH[style*="32"] rect[width="25"][height="15"] {
x: 6.5px;
y: 4px;
}
#app-mount .wrapper-1VLyxH[style*="32"] rect[x="22"][y="22"][fill=transparent] {
display: none;
}
#app-mount .wrapper-1VLyxH[style*="40"] {
width: var(--chat-avatar-size) !important;
height: var(--chat-avatar-size) !important;
}
#app-mount .wrapper-1VLyxH[style*="40"] .svg-2azL_l rect {
stroke: var(--bg-lvl-0);
stroke-width: 2px;
width: 12px;
height: 12px;
y: 29px;
x: 29px;
}
#app-mount .wrapper-1VLyxH[style*="80"] .svg-2azL_l rect {
stroke: var(--bg-lvl-2);
stroke-width: 4px;
width: 18px;
height: 18px;
}
#app-mount .wrapper-1VLyxH[style*="80"] .svg-2azL_l > svg > rect {
x: 14px;
y: 10px;
}
#app-mount .wrapper-1VLyxH[style*="80"] .svg-2azL_l > rect {
x: 63px;
y: 63px;
}
#app-mount .container-ZMc96U {
max-height: 52px;
height: 100%;
width: 100%;
background: var(--bg-lvl-1);
border-radius: var(--rounded-large);
padding: 0;
height: auto;
box-shadow: var(--elevation-close);
overflow: hidden;
}
#app-mount .container-ZMc96U .children-3xh0VB {
padding: var(--spacing-xl);
flex: none;
background: var(--bg-lvl-1);
}
#app-mount .container-ZMc96U .children-3xh0VB .iconWrapper-2awDjA {
height: 20px;
margin-left: 0;
}
#app-mount .container-ZMc96U .children-3xh0VB .icon-2xnN2Y {
width: auto;
height: 100%;
}
#app-mount .container-ZMc96U .children-3xh0VB::after {
content: none;
}
#app-mount .toolbar-3_r2xA {
flex: 1;
justify-content: flex-end;
}
#app-mount .toolbar-3_r2xA .iconWrapper-2awDjA {
order: 1;
margin: 0 var(--spacing-xl);
}
#app-mount .toolbar-3_r2xA .iconWrapper-2awDjA ~ .iconWrapper-2awDjA {
margin-left: 0;
}
#app-mount .toolbar-3_r2xA .anchor-1MIwyf.anchorUnderlineOnHover-2qPutX {
display: none;
}
#app-mount .title-31SJ6t .divider-q3P9HC {
display: none;
}
#app-mount .title-31SJ6t .topic-11NuQZ {
font-size: 0;
margin: 0;
}
#app-mount .title-31SJ6t .topic-11NuQZ.expandable-3CaLeS {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0;
}
.platform-win #app-mount .container-ZMc96U {
width: calc(100% - var(--win-btns-right));
}
#app-mount .tooltip-14MtrL {
box-shadow: var(--elevation-far);
}
#app-mount .tooltipPrimary-3qLMbS {
background: var(--bg-lvl-3);
color: var(--text-focus);
font-weight: var(--font-weight-semibold);
}
#app-mount .tooltipPrimary-3qLMbS .tooltipPointer-3L49xb {
border-top-color: var(--bg-lvl-3);
}
#app-mount .guildNameText-jBFbNC {
color: var(--text-focus);
}
#app-mount .colorMuted-20987_ {
font-size: var(--font-size-sm);
font-weight: var(--font-weight-semibold);
}
#app-mount .containerDefault-YUSmu3 {
margin-bottom: var(--spacing-xs);
}
#app-mount .wrapper-NhbLHG {
padding: 0;
}
#app-mount .wrapper-NhbLHG:hover .content-1gYQeQ {
background: var(--bg-lvl-2);
}
#app-mount .wrapper-NhbLHG.modeUnread-3Cxepe .content-1gYQeQ .icon-2W8DHg {
color: var(--text-focus);
}
#app-mount .wrapper-NhbLHG.modeSelected-3DmyhH .content-1gYQeQ {
background: rgba(var(--accent), 1);
}
#app-mount .wrapper-NhbLHG.modeSelected-3DmyhH .content-1gYQeQ .icon-2W8DHg,
#app-mount .wrapper-NhbLHG.modeSelected-3DmyhH .content-1gYQeQ .actionIcon-2sw4Sl,
#app-mount .wrapper-NhbLHG.modeSelected-3DmyhH .content-1gYQeQ .name-28HaxV {
color: #fff;
}
#app-mount .wrapper-NhbLHG.typeThread-2Aqh6X .content-1gYQeQ {
margin-left: calc(var(--spacing-3xl) + var(--spacing-2xl));
}
#app-mount .spine-29OFwR {
z-index: 1;
}
#app-mount .content-1gYQeQ {
border-radius: var(--rounded-small);
padding: var(--spacing-sm) var(--spacing-md);
margin: 0 0 0 var(--spacing);
}
#app-mount .content-1gYQeQ .icon-2W8DHg {
width: var(--font-size-sm);
height: var(--font-size-sm);
}
#app-mount .mainContent-20q_Hp {
padding: 0;
}
#app-mount .name-28HaxV {
font-size: var(--font-size-sm);
font-weight: var(--font-weight-normal);
}
#app-mount .voiceUser-3nRK-K:hover .content-1Tgc42 {
background: var(--bg-lvl-2);
}
#app-mount .voiceUser-3nRK-K.selected-1oxcpH .content-1Tgc42 {
background: rgb(var(--accent));
}
#app-mount .voiceUser-3nRK-K.selected-1oxcpH .content-1Tgc42 .username-vAneIW {
color: #fff !important;
}
#app-mount .sidebar-1tnWFu {
background: transparent;
margin-right: var(--app-spacing);
width: var(--sidebar-width);
overflow: visible;
}
#app-mount .sidebar-1tnWFu div[style="height: 84px;"] {
display: none;
}
#app-mount .container-1NXEtd {
border-radius: 0 var(--rounded-large) var(--rounded-large) 0;
background: var(--bg-lvl-1);
border-top-right-radius: var(--rounded-large);
overflow: hidden;
margin-bottom: var(--app-spacing);
}
#app-mount .privateChannels-oVe7HL {
background: var(--bg-lvl-1);
margin-bottom: var(--app-spacing);
border-radius: 0 var(--rounded-large) var(--rounded-large) 0;
}
#app-mount .scroller-WSmht3 {
background: transparent;
}
#app-mount .scroller-WSmht3::-webkit-scrollbar {
display: none;
}
#app-mount .searchBar-3TnChZ {
box-shadow: none;
background: transparent;
height: auto;
padding: var(--spacing-xl) var(--spacing-xl) 0 var(--spacing-xl);
}
#app-mount .searchBarComponent-3N7dCG {
background: var(--bg-lvl-0);
padding: var(--spacing) var(--spacing-xl);
height: auto;
color: var(--text-normal);
}
#app-mount .channel-1Shao0 {
max-width: unset;
margin: 0 var(--spacing-xl);
}
#app-mount .channel-1Shao0 .layout-1qmrhw {
height: auto;
padding: var(--spacing) var(--spacing-md);
border-radius: var(--rounded-small);
}
#app-mount .channel-1Shao0:hover .layout-1qmrhw {
background: var(--bg-lvl-2);
}
#app-mount .channel-1Shao0:hover .wrapper-1VLyxH rect {
stroke: var(--bg-lvl-2);
}
#app-mount .channel-1Shao0.selected-1-Z6gm {
color: #fff;
}
#app-mount .channel-1Shao0.selected-1-Z6gm .layout-1qmrhw {
background: rgba(var(--accent), 1);
}
#app-mount .channel-1Shao0.selected-1-Z6gm .wrapper-1VLyxH rect {
stroke: rgba(var(--accent), 1);
}
#app-mount .wrapper-1S43wv {
justify-content: space-between;
height: auto;
position: unset;
padding: 0;
margin: 0 var(--spacing) var(--spacing-xs);
cursor: default;
}
#app-mount .wrapper-1S43wv.muted-19J0ih .container-q97qHp,
#app-mount .wrapper-1S43wv.muted-19J0ih .mainContent-uDGa6R {
color: var(--text-muted);
}
#app-mount .arrow-2HswgU {
position: unset;
margin-right: var(--spacing-sm);
}
#app-mount .mainContent-uDGa6R {
background: var(--bg-lvl-2);
border-radius: var(--rounded-small);
color: var(--text-focus);
padding: var(--spacing-xs) var(--spacing-md) var(--spacing-xs) var(--spacing-sm);
display: flex;
align-items: center;
flex: none;
cursor: pointer;
}
#app-mount .mainContent-uDGa6R .container-q97qHp {
color: var(--text-normal);
font-size: var(--font-size-xsm);
line-height: normal;
}
#app-mount .mainContent-uDGa6R::before {
content: none;
}
#app-mount .children-3MeUvj {
right: 0;
}
#app-mount .children-3MeUvj svg {
width: var(--channel-font-size);
height: var(--channel-font-size);
}
#app-mount .children-3MeUvj:not(:empty) {
margin-left: var(--spacing-xl);
}
#app-mount .containerDefault-YUSmu3 + .containerDefault-3TQ5YN {
padding-top: var(--spacing-2xl);
}
#app-mount .container-1-ERn5 {
min-height: 102px;
pointer-events: none;
}
#app-mount .container-1-ERn5 .button-2BMPJJ {
pointer-events: all;
-webkit-mask: url('data:image/svg+xml; utf-8,<svg class="w-6 h-6" data-darkreader-inline-fill="" fill="currentColor" style="--darkreader-inline-fill:currentColor;" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M11.49 3.17c-.38-1.56-2.6-1.56-2.98 0a1.532 1.532 0 01-2.286.948c-1.372-.836-2.942.734-2.106 2.106.54.886.061 2.042-.947 2.287-1.561.379-1.561 2.6 0 2.978a1.532 1.532 0 01.947 2.287c-.836 1.372.734 2.942 2.106 2.106a1.532 1.532 0 012.287.947c.379 1.561 2.6 1.561 2.978 0a1.533 1.533 0 012.287-.947c1.372.836 2.942-.734 2.106-2.106a1.533 1.533 0 01.947-2.287c1.561-.379 1.561-2.6 0-2.978a1.532 1.532 0 01-.947-2.287c.836-1.372-.734-2.942-2.106-2.106a1.532 1.532 0 01-2.287-.947zM10 13a3 3 0 100-6 3 3 0 000 6z" clip-rule="evenodd"></path></svg>') center/cover;
mask: url('data:image/svg+xml; utf-8,<svg class="w-6 h-6" data-darkreader-inline-fill="" fill="currentColor" style="--darkreader-inline-fill:currentColor;" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M11.49 3.17c-.38-1.56-2.6-1.56-2.98 0a1.532 1.532 0 01-2.286.948c-1.372-.836-2.942.734-2.106 2.106.54.886.061 2.042-.947 2.287-1.561.379-1.561 2.6 0 2.978a1.532 1.532 0 01.947 2.287c-.836 1.372.734 2.942 2.106 2.106a1.532 1.532 0 012.287.947c.379 1.561 2.6 1.561 2.978 0a1.533 1.533 0 012.287-.947c1.372.836 2.942-.734 2.106-2.106a1.533 1.533 0 01.947-2.287c1.561-.379 1.561-2.6 0-2.978a1.532 1.532 0 01-.947-2.287c.836-1.372-.734-2.942-2.106-2.106a1.532 1.532 0 01-2.287-.947zM10 13a3 3 0 100-6 3 3 0 000 6z" clip-rule="evenodd"></path></svg>') center/cover;
background: var(--text-focus);
width: 24px;
height: 24px;
top: 5px;
margin-left: var(--spacing);
transition: transform 0.2s ease, opacity 0.2s ease;
}
#app-mount .container-1-ERn5 .button-2BMPJJ g {
display: none;
}
#app-mount .container-1-ERn5 .button-2BMPJJ:hover {
opacity: 1;
}
#app-mount .container-1-ERn5 .button-2BMPJJ.open-3fGK6o {
opacity: 1;
transform: rotate(-45deg);
}
#app-mount .container-1-ERn5 svg[class*=iconTier] {
color: rgb(var(--discord-nitro));
}
#app-mount .container-1-ERn5:not(.hasBanner-2IrYih):before {
content: "";
-webkit-mask: var(--header-background);
mask: var(--header-background);
-webkit-mask-repeat: var(--header-background-repeat);
mask-repeat: var(--header-background-repeat);
-webkit-mask-position: var(--header-background-position);
mask-position: var(--header-background-position);
-webkit-mask-size: var(--header-background-size);
mask-size: var(--header-background-size);
background: var(--text-muted);
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
#app-mount .container-1-ERn5::after {
content: "";
position: absolute;
bottom: 0;
height: 100%;
background: linear-gradient(transparent, var(--bg-lvl-1));
width: 100%;
}
#app-mount .selected-1GtAC5 .header-3OsQeK {
background: transparent;
}
#app-mount .header-3OsQeK {
height: 100%;
align-items: flex-start;
justify-content: center;
padding: var(--spacing-2xl);
box-shadow: none;
filter: none !important;
}
#app-mount .header-3OsQeK:hover {
background: transparent;
}
#app-mount .guildIconContainer-2FW_iA {
background: #fff;
height: 32px;
width: 32px;
display: flex;
align-items: center;
justify-content: center;
border-radius: var(--rounded-large);
margin-right: var(--spacing-2xl);
box-shadow: var(--elevation-close);
}
#app-mount .guildBadge-3IDi4U {
width: 24px !important;
height: 24px !important;
}
#app-mount .flowerStar-2tNFCR {
display: none;
}
#app-mount .childContainer-U_a6Yh {
position: unset;
}
#app-mount .premiumGuildIconGem-DAxGL7 {
width: 16px;
height: 16px;
}
#app-mount .icon-3BYlXK {
color: rgba(var(--accent), 1);
width: 24px !important;
height: 24px !important;
}
#app-mount .name-3Uvkvr {
font-size: 18px;
line-height: 32px;
text-shadow: var(--elevation-close);
}
#app-mount .animatedContainer-2laTjx {
height: 100%;
opacity: 1 !important;
transform: none !important;
box-shadow: none;
}
#app-mount .bannerImage-ubW8K- {
width: 100%;
height: 100%;
transform: none !important;
}
#app-mount .panels-3wFtMD {
background: transparent;
}
#app-mount .container-YkUktl {
background: var(--bg-lvl-2);
border-radius: var(--rounded-large);
box-shadow: var(--elevation-close);
margin-left: -72px;
padding: var(--spacing-xl);
height: auto;
margin-bottom: 0;
}
#app-mount .container-YkUktl .avatarWrapper-1B9FTW {
margin-right: var(--spacing-xl);
}
#app-mount .nameTag-sc-gpq {
display: flex;
align-items: center;
}
#app-mount .title-338goq {
font-size: var(--font-size);
}
#app-mount .subtext-2HDqJ7 {
font-size: var(--font-size);
font-weight: var(--font-weight-normal);
}
#app-mount .container-1zzFcN {
border: none;
margin-bottom: var(--app-spacing);
background: var(--bg-lvl-1);
margin-top: calc(var(--app-spacing) / -1 - 4px);
border-bottom-right-radius: var(--rounded-large);
padding: var(--spacing-xl);
}
#app-mount .connection-3k9QeF {
padding: 0;
margin-bottom: var(--spacing-xl);
}
#app-mount .actionButtons-2vEOUh {
padding: 0;
}
#app-mount .rtcConnectionStatus-c5A6Av {
padding-bottom: 0;
margin-bottom: var(--spacing);
}
#app-mount .activityPanel-9icbyU {
margin-top: calc(var(--app-spacing) / -1 - 4px);
margin-bottom: var(--app-spacing);
background: var(--bg-lvl-1);
border: none;
border-bottom-right-radius: var(--rounded-large);
}
#app-mount .avatar-3FKimL {
border-radius: var(--rounded-small);
}
#app-mount .avatar-3FKimL.avatarSpeaking-2pCGrZ {
box-shadow: inset 0 0 0 2px hsl(139, calc(var(--saturation-factor, 1) * 47.3%), 43.9%), inset 0 0 0 4px var(--bg-lvl-2);
}
#app-mount .newMessagesBar-1hF-9G {
border-radius: var(--rounded-small);
left: calc(var(--chat-avatar-size) + var(--message-padding));
right: calc(var(--app-spacing) + var(--message-padding));
top: var(--app-spacing);
box-shadow: var(--elevation-far);
background: rgb(var(--accent));
opacity: 1;
}
#app-mount .newMessagesBar-1hF-9G:hover {
box-shadow: inset 0 0 0 100vmax rgba(0, 0, 0, 0.1), var(--elevation-far);
}
#app-mount .newMessagesBar-1hF-9G button {
height: auto;
padding: var(--spacing-sm) var(--spacing-xl);
}
#app-mount .attachedBars-2BCP3l {
background: transparent;
}
#app-mount .container-A2jo65 {
margin-bottom: var(--spacing-xl);
border-radius: var(--rounded-large);
box-shadow: var(--elevation-close);
background: var(--bg-lvl-3);
}
#app-mount .replyBar-1oi75v,
#app-mount .threadSuggestionBar-3ExSyc {
background: transparent;
border-radius: var(--rounded-large);
}
#app-mount .jumpToPresentBar-1cEnH0 {
background: var(--bg-lvl-3);
padding: 0;
opacity: 1;
border-radius: var(--rounded-small);
left: 0;
right: calc(var(--app-spacing) + var(--message-padding));
bottom: var(--spacing-xl);
box-shadow: var(--elevation-close);
min-height: 36px;
}
#app-mount .jumpToPresentBar-1cEnH0 button {
color: var(--text-normal);
}
#app-mount .content-1jQy2l:before {
content: none;
}
#app-mount .chat-2ZfjoI {
background: transparent;
overflow: visible;
}
#app-mount .chat-2ZfjoI.threadSidebarOpen-1LSXvU .container-ZMc96U {
width: 100%;
}
#app-mount .scrollerSpacer-3AqkT9 {
height: 48px;
}
#app-mount .scroller-kQBbkU::-webkit-scrollbar-track {
background: var(--bg-lvl-1);
border-color: var(--bg-lvl-0);
}
#app-mount .scroller-kQBbkU::-webkit-scrollbar-thumb {
background: var(--bg-lvl-2);
border-color: var(--bg-lvl-0);
}
#app-mount .divider-IqmEqJ {
border: none;
top: 0;
margin: 1rem 1rem 1rem calc(1rem + var(--chat-avatar-size));
height: auto;
justify-content: flex-end;
flex-direction: row-reverse;
}
#app-mount .divider-IqmEqJ .content-3spvdd {
padding: var(--spacing-sm) var(--spacing);
border-radius: var(--rounded-small);
color: var(--text-normal);
background: var(--bg-lvl-3);
font-size: var(--font-size-xsm);
line-height: var(--font-size-xsm);
}
#app-mount .unreadPill-3nEWYM {
position: relative;
top: 0;
font-size: var(--font-size-xsm);
padding: var(--spacing-sm) var(--spacing);
border-radius: var(--rounded-small);
height: auto;
line-height: var(--font-size-xsm);
}
#app-mount .unreadPill-3nEWYM svg {
display: none;
}
#app-mount .unreadPill-3nEWYM:not(:only-child) {
margin-right: var(--spacing);
}
#app-mount .timestamp-2qj4__ {
font-weight: var(--font-weight-semibold);
margin-left: var(--spacing);
}
#app-mount .cozy-VmLDNB {
position: relative;
padding: var(--message-padding) !important;
margin-left: calc(var(--chat-avatar-size) + var(--message-padding));
margin-right: var(--message-padding);
}
#app-mount .cozy-VmLDNB .avatar-2e8lTP {
left: calc(var(--chat-avatar-size) / -1 - var(--message-padding));
top: 0;
margin-top: 0;
border-radius: var(--avatar-radius);
width: var(--chat-avatar-size);
height: var(--chat-avatar-size);
}
#app-mount .cozy-VmLDNB .wrapper-1VLyxH foreignObject, #app-mount .cozy-VmLDNB .wrapper-1VLyxH svg {
-webkit-mask: none;
mask: none;
overflow: visible;
}
#app-mount .cozy-VmLDNB .wrapper-1VLyxH img {
border-radius: var(--avatar-radius);
}
#app-mount .cozy-VmLDNB .header-2jRmjb {
margin-bottom: calc(var(--message-padding) / 2);
display: flex;
}
#app-mount .cozy-VmLDNB .header-2jRmjb .timestampInline-_lS3aK {
flex: 1;
display: flex;
justify-content: flex-end;
}
#app-mount .cozy-VmLDNB .spoilerText-27bIiA.hidden-3B-Rum {
background: var(--bg-lvl-0);
}
#app-mount .cozy-VmLDNB .timestamp-p1Df1m.alt-1dvXnH {
margin: 0;
left: calc(var(--message-padding) / -1 - var(--chat-avatar-size));
width: var(--chat-avatar-size);
}
#app-mount .cozy-VmLDNB .repliedMessage-3Z6XBG {
position: absolute;
top: 0;
left: 0;
width: 100%;
margin-bottom: 0;
padding: var(--spacing) var(--message-padding);
background: var(--bg-lvl-1);
border-radius: var(--rounded-large) var(--rounded-large) 0 0;
box-sizing: border-box;
}
#app-mount .cozy-VmLDNB .repliedMessage-3Z6XBG + .contents-2MsGLg {
padding-top: calc(var(--spacing-2xl) + var(--spacing-md));
}
#app-mount .cozy-VmLDNB .repliedMessage-3Z6XBG::before {
content: none;
}
#app-mount .cozy-VmLDNB .repliedTextContent-2hOYMB {
display: flex;
align-items: center;
}
#app-mount .cozy-VmLDNB .textArea-2CLwUE {
background: var(--bg-lvl-1);
}
#app-mount .cozy-VmLDNB .operations-3q3u6E > a {
color: rgba(var(--accent), 1);
}
#app-mount .cozy-VmLDNB .scrollableContainer-15eg7h {
box-shadow: none;
}
#app-mount .cozy-VmLDNB::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: var(--bg-lvl-2);
pointer-events: none;
z-index: -1;
border-radius: var(--rounded-large);
}
#app-mount .cozy-VmLDNB:hover, #app-mount .cozy-VmLDNB.selected-2LX7Jy {
background: transparent !important;
}
#app-mount .cozy-VmLDNB.cozy-VmLDNB:not(.groupStart-3Mlgv1) {
padding-top: calc(var(--message-padding) / 4) !important;
margin-top: calc(var(--message-padding) / -1) !important;
}
#app-mount .cozy-VmLDNB + .backgroundFlash-1X5jVs {
transition: 150ms ease;
background: rgba(var(--accent), 0.2) !important;
}
#app-mount .cozy-VmLDNB + .backgroundFlash-1X5jVs[style*="rgba(88, 101, 242, 0)"] {
background: transparent !important;
}
#app-mount .cozy-VmLDNB.mentioned-Tre-dv {
background: transparent;
}
#app-mount .cozy-VmLDNB.mentioned-Tre-dv .contents-2MsGLg .markup-eYLPri:not(.embedWrapper-1MtIDg), #app-mount .cozy-VmLDNB.mentioned-Tre-dv .container-2sjPya {
margin-left: 0;
padding-left: 0;
border-left: 4px solid rgba(var(--accent), 1);
background: rgba(var(--accent), 0.1);
padding: var(--spacing);
}
#app-mount .cozy-VmLDNB.hasThread-3h-KJV::after {
content: none;
}
#app-mount .wrapper-2vIMkT {
box-shadow: var(--elevation-close);
background: var(--bg-lvl-3);
}
#app-mount .wrapper-1ZcZW- {
background: rgba(var(--accent), 0.1);
color: rgba(var(--accent), 1);
border-radius: var(--rounded-large);
padding: 1px var(--spacing-sm);
}
#app-mount .wrapper-1ZcZW-:hover {
background: rgba(var(--accent), 1);
color: #fff;
}
#app-mount .executedCommand-14-SNW,
#app-mount .threadMessageAccessory-2W9mjC {
height: auto;
}
#app-mount .markup-eYLPri code {
background: var(--bg-lvl-1);
border-radius: var(--rounded-large);
border: none;
}
#app-mount .markup-eYLPri > code {
padding: var(--spacing-xs) var(--spacing);
}
#app-mount .markup-eYLPri pre code {
padding: 1rem;
}
#app-mount .textContainer-36wgKK {
border: none;
background: var(--bg-lvl-1);
border-radius: var(--rounded-large);
}
#app-mount .footer-GXWBBp {
border: none;
background: var(--bg-lvl-1);
margin-top: var(--spacing);
border-radius: var(--rounded-large);
}
#app-mount .embedFull-1HGV2S {
background: var(--bg-lvl-1);
border-radius: var(--rounded-small) var(--rounded-large) var(--rounded-large) var(--rounded-small);
}
#app-mount .wrapperAudio-1Bzv_Z {
background: var(--bg-lvl-1);
border: none;
padding: 1rem;
border-radius: var(--rounded-large);
}
#app-mount .wrapperAudio-1Bzv_Z .audioControls-3fmemK {
background: var(--bg-lvl-0);
border-radius: var(--rounded-large);
}
#app-mount .container-2sjPya {
padding: 0;
}
#app-mount .container-3i3IzO {
background: transparent;
margin: 0;
padding: 0;
display: flex;
flex-direction: column-reverse;
}
#app-mount .container-3i3IzO .topLine-3rZgHE {
padding: var(--spacing);
background: var(--bg-lvl-1);
border-radius: 0 0 var(--rounded-large) var(--rounded-large);
}
#app-mount .container-3i3IzO .bottomLine-2RVwOq {
padding: var(--spacing);
background: var(--bg-lvl-0);
border-radius: var(--rounded-large) var(--rounded-large) 0 0;
}
#app-mount .wrapper-1HIH0j {
background: var(--bg-lvl-1);
}
#app-mount .reaction-2A2y9y {
background: var(--bg-lvl-3);
}
#app-mount .reaction-2A2y9y.reactionMe-3I9gFK {
background: rgb(var(--accent), 0.2);
}
#app-mount .reaction-2A2y9y.reactionMe-3I9gFK .reactionCount-1zkLcN {
color: rgb(var(--accent), 1);
}
#app-mount .group-spacing-16 .cozy-VmLDNB + .cozy-VmLDNB:not(.groupStart-3Mlgv1) {
margin-top: -1.0625rem;
}
#app-mount .group-spacing-24 .cozy-VmLDNB + .cozy-VmLDNB:not(.groupStart-3Mlgv1) {
margin-top: -1.5625rem;
}
#app-mount .group-spacing-8 .cozy-VmLDNB + .cozy-VmLDNB:not(.groupStart-3Mlgv1) {
margin-top: -0.5625rem;
}
#app-mount .group-spacing-4 .cozy-VmLDNB + .cozy-VmLDNB:not(.groupStart-3Mlgv1) {
margin-top: -1.5625rem;
}
#app-mount .group-spacing-0 .cozy-VmLDNB.groupStart-3Mlgv1 {
margin-top: 1px;
}
#app-mount .group-spacing-0 .cozy-VmLDNB + .cozy-VmLDNB:not(.groupStart-3Mlgv1) {
margin-top: -1rem;
}
#app-mount .form-3gdLxP {
margin-top: 0;
padding: 0;
border-radius: var(--rounded-large);
}
#app-mount .form-3gdLxP::before {
content: none;
}
#app-mount .sansAttachButton-1ERHue {
padding: 0;
}
#app-mount .attachButton-1ijpt9 {
margin-left: 0;
padding: 0;
height: auto;
color: var(--text-muted);
transition: color 0.15s ease;
width: calc(var(--chat-avatar-size) + var(--message-padding));
}
#app-mount .attachButton-1ijpt9:hover {
color: var(--text-normal);
}
#app-mount .attachButtonInner-2mwer8 {
display: flex;
height: 64px;
}
#app-mount .attachButtonInner-2mwer8::before {
margin: auto;
content: "+";
color: inherit;
display: block;
font-weight: bold;
font-size: var(--font-size-2xl);
}
#app-mount .attachButtonInner-2mwer8 svg {
display: none;
}
#app-mount .channelTextArea-1FufC0 {
margin-bottom: 0;
background: transparent;
}
#app-mount .scrollableContainer-15eg7h {
background: var(--bg-lvl-1);
border-radius: var(--rounded-large);
box-shadow: var(--elevation-close);
}
#app-mount .textArea-2CLwUE {
background: var(--bg-lvl-2);
min-height: 64px;
}
#app-mount .placeholder-1_mJY1 {
height: 64px;
padding: 0 var(--spacing-xl);
display: flex;
align-items: center;
font-weight: var(--font-weight-normal);
}
#app-mount .slateTextArea-27tjG0 {
min-height: 64px;
font-weight: var(--font-weight-normal);
box-sizing: border-box;
padding: var(--spacing-xl);
display: flex;
flex-direction: column;
justify-content: center;
}
#app-mount .buttons-uaqb-5 {
margin-right: 0;
height: unset;
padding: var(--spacing-xl) 0 0 var(--spacing-xl);
align-items: flex-start;
position: relative;
}
#app-mount .button-3BaQ4X {
padding: 0 5px;
height: 32px;
}
#app-mount .emojiButton-3FRTuj {
max-height: 64px;
}
#app-mount .emojiButton-3FRTuj .sprite-2lxwfc {
filter: grayscale(0) !important;
}
#app-mount .typing-2J1mQU {
top: -42px;
height: 34px;
pointer-events: none;
left: 0;
right: 2rem;
overflow: visible;
}
#app-mount .typing-2J1mQU .dots-1BwzZQ {
display: none;
}
#app-mount .text-3S7XCz {
margin-left: 0;
font-size: 80%;
font-style: italic;
}
#app-mount .text-3S7XCz:not(:empty) {
background: var(--bg-lvl-2);
padding: var(--spacing-sm) var(--spacing-xl);
border-radius: var(--rounded-large);
box-shadow: var(--elevation-close);
}
#app-mount .cooldownWrapper-2k1jHK {
background: var(--bg-lvl-2);
padding: var(--spacing-sm) var(--spacing-md);
border-radius: var(--rounded-large);
box-shadow: var(--elevation-far);
overflow: visible;
}
#app-mount .wrapper-3HVHpV {
background: transparent;
}
#app-mount .cozy-3hKWhq {
background: transparent;
position: relative;
padding: var(--message-padding) !important;
margin-left: calc(var(--chat-avatar-size) + var(--message-padding));
margin-right: var(--message-padding);
overflow: visible;
contain: none;
}
#app-mount .cozy-3hKWhq::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: var(--bg-lvl-2);
pointer-events: none;
z-index: -1;
border-radius: var(--rounded-large);
}
#app-mount .cozy-3hKWhq .header-35u4WP {
overflow: visible;
margin-bottom: 6px;
}
#app-mount .cozy-3hKWhq .avatar-l9Txm5 {
left: calc(var(--chat-avatar-size) / -1 - var(--message-padding));
top: 0;
margin-top: 0;
border-radius: var(--rounded-large);
width: var(--chat-avatar-size);
height: var(--chat-avatar-size);
max-width: var(--chat-avatar-size);
max-height: var(--chat-avatar-size);
background: var(--bg-lvl-2);
opacity: 1 !important;
}
#app-mount .cozy-3hKWhq + .cozy-3hKWhq:not([style*=margin-top]) {
padding-top: calc(var(--message-padding) / 4) !important;
margin-top: -1.0625rem;
}
#app-mount .threadSidebar-1o3BTy {
background: transparent;
margin-left: var(--app-spacing);
}
#app-mount .chat-3JZdy8::before {
content: none;
}
#app-mount .guilds-2JjMmN {
margin: var(--app-spacing) 0 calc(var(--app-spacing) * 2 + 64px) var(--app-spacing);
background: var(--bg-lvl-2);
border-radius: var(--rounded-large) 0 0 var(--rounded-large);
overflow: visible;
}
#app-mount .guilds-2JjMmN .scrollerBase-_bVAAt {
background: transparent;
padding-top: 12px;
}
#app-mount .guilds-2JjMmN .scrollerBase-_bVAAt > .listItem-2P_4kh {
margin-bottom: 12px;
}
#app-mount .guilds-2JjMmN::after {
content: "";
position: absolute;
top: 0;
width: 372px;
height: 100%;
background: transparent;
box-shadow: var(--elevation-close);
border-radius: var(--rounded-large);
pointer-events: none;
z-index: 1;
}
#app-mount [data-list-id=guildsnav]:focus {
outline: none;
}
#app-mount .expandedFolderBackground-1cujaW {
background: var(--bg-lvl-3);
border-radius: var(--rounded-large);
}
#app-mount .folder-1hbNCn {
background: var(--bg-lvl-3);
}
#app-mount .folderIconWrapper-1_bOZe {
border-radius: var(--rounded-small);
}
#app-mount .iconInactive-26M06U {
border-radius: var(--rounded-small);
}
#app-mount .wrapper-28eC3z {
border-radius: var(--server-radius);
overflow: hidden;
}
#app-mount .wrapper-28eC3z foreignObject {
-webkit-mask: none;
mask: none;
}
#app-mount .childWrapper-1j_1ub {
background: var(--bg-lvl-3);
}
#app-mount .wrapper-3kah-n.selected-1Drb7Z .childWrapper-1j_1ub {
background: rgba(var(--accent), 1);
}
#app-mount .item-2LIpTv {
border-radius: 0 2px 2px 0;
}
#app-mount .iconBadge-1D5-9X {
border: 4px solid var(--bg-lvl-2);
width: 24px;
height: 24px;
border-radius: 50%;
margin-top: calc(var(--spacing-xs) / -1);
margin-right: calc(var(--spacing-xs) / -1);
}
#app-mount .circleIconButton-1QV--U {
background: var(--bg-lvl-3);
}
#app-mount .circleIconButton-1QV--U.selected-1JjBPm {
background: rgb(var(--discord-green));
}
.button-f2h6uQ:not(.lookBlank-21BCro) {
border-radius: var(--rounded-small);
line-height: var(--font-size-lg);
font-size: var(--font-size-sm);
padding: var(--spacing-sm) var(--spacing-lg);
min-height: auto;
transition: box-shadow 0.15s ease;
}
.button-f2h6uQ:not(.lookBlank-21BCro).colorBrand-I6CyqQ {
background: rgb(var(--accent));
border: none;
color: #fff;
}
.button-f2h6uQ:not(.lookBlank-21BCro).colorBrand-I6CyqQ:hover {
background: rgb(var(--accent));
box-shadow: inset 0 0 0 100vmax rgba(0, 0, 0, 0.1);
}
.button-f2h6uQ:not(.lookBlank-21BCro).colorBrand-I6CyqQ:focus {
background: rgb(var(--accent));
box-shadow: inset 0 0 0 100vmax rgba(0, 0, 0, 0.2);
}
.button-1EGGcP.buttonColor-3bP3fX {
background: var(--bg-lvl-3);
border-radius: var(--rounded-small);
}
.button-1EGGcP.buttonColor-3bP3fX:hover {
background: var(--bg-lvl-2);
}
.bd-button {
background: rgb(var(--accent));
border-radius: var(--rounded-small);
}
.bd-button:hover {
background: rgb(var(--accent));
box-shadow: inset 0 0 0 100vmax rgba(0, 0, 0, 0.1);
}
.bd-button:focus {
background: rgb(var(--accent));
box-shadow: inset 0 0 0 100vmax rgba(0, 0, 0, 0.2);
}
#app-mount .textarea-_59yqs {
border: none;
border-radius: var(--rounded-small);
transition: box-shadow 0.15s ease;
}
#app-mount .textarea-_59yqs::-moz-placeholder {
font-weight: inherit;
color: var(--text-muted);
}
#app-mount .textarea-_59yqs:-ms-input-placeholder {
font-weight: inherit;
color: var(--text-muted);
}
#app-mount .textarea-_59yqs::placeholder {
font-weight: inherit;
color: var(--text-muted);
}
#app-mount .textarea-_59yqs:focus {
box-shadow: var(--input-focus);
color: var(--text-focus);
}
#app-mount .input-2g-os5 {
border: none;
border-radius: var(--rounded-small);
background: var(--bg-lvl-2);
}
#app-mount .input-2g-os5:focus {
box-shadow: var(--input-focus);
color: var(--text-focus);
}
#app-mount .multiInput-1VARjC:focus-within {
box-shadow: var(--input-focus);
}
#app-mount .multiInput-1VARjC:focus-within .input-2g-os5 {
box-shadow: var(--input-focus);
color: var(--text-focus);
}
#app-mount .container-30qY7E {
border-color: var(--bg-lvl-1);
background: var(--bg-lvl-1);
border-radius: var(--rounded-small);
}
#app-mount .container-30qY7E:hover {
border-color: rgb(var(--accent));
}
#app-mount [role=radiogroup] .item-2idW98 {
background: var(--bg-lvl-1);
}
#app-mount [role=radiogroup] .item-2idW98 .radioBar-3w9XY- {
padding: var(--spacing-md) var(--spacing-xl) !important;
grid-gap: 16px;
border-left-width: 6px;
}
#app-mount [role=radiogroup] .item-2idW98:hover {
background: var(--bg-lvl-2);
}
#app-mount [role=radiogroup] .item-2idW98[aria-checked=true] {
color: #fff;
}
#app-mount [role=radiogroup] .item-2idW98[aria-checked=true] .radioBar-3w9XY- {
background: var(--radio-bar-accent-color, rgb(var(--accent)));
}
#app-mount [role=radiogroup] .item-2idW98[aria-checked=true] .radioBar-3w9XY- circle,
#app-mount [role=radiogroup] .item-2idW98[aria-checked=true] .radioBar-3w9XY- path {
color: #fff;
}
#app-mount .bar-1Bhnl9 {
background: var(--bg-lvl-3);
}
#app-mount .barFill-2Bh7CX {
background: rgb(var(--accent));
}
#app-mount .markDash-yk2kJ- {
background: var(--bg-lvl-3);
}
#app-mount .markValue-2U_-UG {
color: var(--text-muted);
}
#app-mount .grabber-2GQyvM {
box-shadow: var(--elevation-close);
border: none;
}
#app-mount .css-gvi9bl-control,
#app-mount .css-17e1tep-control,
#app-mount .css-x3hllb-control,
#app-mount .css-z86t1q-control,
#app-mount .lookFilled-1GseHa.select-1Ia3hD {
background: var(--bg-lvl-1);
border: none;
border-radius: var(--rounded-small);
cursor: pointer;
}
#app-mount .css-gvi9bl-control:hover,
#app-mount .css-17e1tep-control:hover,
#app-mount .css-x3hllb-control:hover,
#app-mount .css-z86t1q-control:hover,
#app-mount .lookFilled-1GseHa.select-1Ia3hD:hover {
background: var(--bg-lvl-2);
}
#app-mount .css-4h5swf-singleValue,
#app-mount .css-1yg49vj-singleValue {
line-height: normal;
}
#app-mount .css-6fzn47-control,
#app-mount .css-1ou54ee-control {
background: var(--bg-lvl-3);
border: none;
border-radius: var(--rounded-small);
cursor: pointer;
}
#app-mount .css-3vaxre-menu,
#app-mount .css-1x99fvh-menu,
#app-mount .popout-1KHNAq {
background: var(--bg-lvl-2);
border: none;
box-shadow: var(--elevation-far);
border-radius: var(--rounded-small);
margin-top: var(--spacing);
overflow: hidden;
}
#app-mount .css-rzbxvl-option,
#app-mount .css-pkcurw-option,
#app-mount .option-2eIyOn:hover {
background: var(--bg-lvl-3);
}
#app-mount .css-1ba14n5-option,
#app-mount .css-1gxgi19-option,
#app-mount .option-2eIyOn[aria-selected=true] {
background: rgb(var(--accent));
color: #fff;
}
#app-mount .css-1ba14n5-option .selectedIcon-19TbzU,
#app-mount .css-1gxgi19-option .selectedIcon-19TbzU,
#app-mount .option-2eIyOn[aria-selected=true] .selectedIcon-19TbzU {
color: #fff;
}
#app-mount .checkboxWrapper-2fDzaA .checkbox-f1HnKB {
background: var(--bg-lvl-3);
border-color: var(--bg-lvl-3);
}
#app-mount .checkboxWrapper-2fDzaA.checked-1pZh2h .checkbox-f1HnKB {
background: rgb(var(--accent)) !important;
border-color: rgb(var(--accent)) !important;
}
#app-mount .checkboxWrapper-2fDzaA.checked-1pZh2h .checkbox-f1HnKB path {
fill: #fff;
}
#app-mount .members-3WRCEx {
margin-top: var(--app-spacing);
margin-left: var(--app-spacing);
border-radius: var(--rounded-large);
background: var(--bg-lvl-1);
width: var(--sidebar-width);
box-shadow: var(--elevation-close);
}
#app-mount .members-3WRCEx::-webkit-scrollbar {
display: none;
}
#app-mount .members-3WRCEx > div {
background: var(--bg-lvl-1);
}
#app-mount .membersGroup-2eiWxl {
padding: var(--spacing-xl) calc(var(--spacing-md) + var(--spacing-xl)) var(--spacing-xs);
height: auto;
font-weight: var(--font-weight-bold);
color: var(--text-focus);
}
#app-mount .member-2gU6Ar {
max-width: unset;
margin: 0 var(--spacing-xl) var(--spacing-xs) var(--spacing-xl);
}
#app-mount .member-2gU6Ar .layout-1qmrhw {
height: auto;
padding: var(--spacing) var(--spacing-md);
border-radius: var(--rounded-large);
}
#app-mount .member-2gU6Ar .name-3Vmqxm {
line-height: 22px;
}
#app-mount .member-2gU6Ar .botTagRegular-kpctgU {
background: rgba(var(--accent), 1);
}
#app-mount .member-2gU6Ar .botText-1fD6Qk {
font-weight: var(--font-weight-bold);
}
#app-mount .member-2gU6Ar + .membersGroup-2eiWxl {
margin-top: var(--spacing-xl);
}
#app-mount .member-2gU6Ar:hover rect {
stroke: var(--bg-lvl-2);
}
#app-mount .member-2gU6Ar:hover .layout-1qmrhw {
background: var(--bg-lvl-2);
}
#app-mount .member-2gU6Ar.selected-1-Z6gm rect {
stroke: rgba(var(--accent), 1);
}
#app-mount .member-2gU6Ar.selected-1-Z6gm .layout-1qmrhw {
background: rgba(var(--accent), 1);
}
#app-mount .member-2gU6Ar.selected-1-Z6gm .roleColor-nA7BqX {
color: #fff !important;
}
#app-mount .member-2gU6Ar.selected-1-Z6gm .activityText-1rR-8O,
#app-mount .member-2gU6Ar.selected-1-Z6gm .icon-Lupfh- {
color: #fff;
}
#app-mount .member-2gU6Ar.selected-1-Z6gm .botTagRegular-kpctgU {
background: #fff;
color: rgba(var(--accent), 1);
}
#app-mount .root-g14mjS {
background: var(--bg-lvl-0);
box-shadow: var(--elevation-far);
border-radius: var(--rounded-large);
}
#app-mount .backdrop-2ByYRN {
background: var(--backdrop) !important;
}
#app-mount .header-1zd7se {
overflow: visible;
padding: var(--spacing-xl) var(--spacing-xl) 0 var(--spacing-xl);
}
#app-mount .header-1zd7se .base-21yXnu {
color: var(--text-focus);
}
#app-mount .header-1zd7se .colorHeaderSecondary-g5teka {
color: var(--text-normal);
}
#app-mount .footer-31IekZ {
background: var(--bg-lvl-1);
box-shadow: none;
}
#app-mount .footer-31IekZ .button-f2h6uQ.lookBlank-21BCro {
color: var(--text-normal);
}
#app-mount .backButton-2Ps-B8 {
color: var(--text-normal);
}
#app-mount .root-8LYsGj {
background: transparent;
width: 980px;
display: grid;
grid-template-columns: 260px 1fr;
grid-gap: var(--spacing-xl);
overflow: visible;
height: 495px;
max-height: 495px;
}
#app-mount .root-8LYsGj::before {
content: "";
position: absolute;
top: calc(-60px - var(--spacing-xl));
background: var(--bg-lvl-1);
box-shadow: var(--elevation-far);
border-radius: var(--rounded-large);
width: 100%;
height: 60px;
}
#app-mount .root-8LYsGj .topSection-13QKHs {
width: 100%;
border-radius: var(--rounded-large);
box-shadow: var(--elevation-far);
padding: var(--spacing-xl);
box-sizing: border-box;
background: var(--bg-lvl-0);
}
#app-mount .root-8LYsGj .banner-1YaD3N {
position: absolute;
height: 200px;
top: 0;
width: 704px;
left: calc(260px + var(--spacing-xl));
border-radius: var(--rounded-large);
box-shadow: var(--elevation-far);
}
#app-mount .root-8LYsGj .profileBanner-1owKI5:before {
content: "";
background: rgba(0, 0, 0, 0.2);
-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40'%3E%3Cg fill-rule='evenodd'%3E%3Cg fill='%239C92AC' fill-opacity='0.4'%3E%3Cpath d='M0 38.59l2.83-2.83 1.41 1.41L1.41 40H0v-1.41zM0 1.4l2.83 2.83 1.41-1.41L1.41 0H0v1.41zM38.59 40l-2.83-2.83 1.41-1.41L40 38.59V40h-1.41zM40 1.41l-2.83 2.83-1.41-1.41L38.59 0H40v1.41zM20 18.6l2.83-2.83 1.41 1.41L21.41 20l2.83 2.83-1.41 1.41L20 21.41l-2.83 2.83-1.41-1.41L18.59 20l-2.83-2.83 1.41-1.41L20 18.59z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40'%3E%3Cg fill-rule='evenodd'%3E%3Cg fill='%239C92AC' fill-opacity='0.4'%3E%3Cpath d='M0 38.59l2.83-2.83 1.41 1.41L1.41 40H0v-1.41zM0 1.4l2.83 2.83 1.41-1.41L1.41 0H0v1.41zM38.59 40l-2.83-2.83 1.41-1.41L40 38.59V40h-1.41zM40 1.41l-2.83 2.83-1.41-1.41L38.59 0H40v1.41zM20 18.6l2.83-2.83 1.41 1.41L21.41 20l2.83 2.83-1.41 1.41L20 21.41l-2.83 2.83-1.41-1.41L18.59 20l-2.83-2.83 1.41-1.41L20 18.59z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
width: 100%;
height: 100%;
position: absolute;
}
#app-mount .root-8LYsGj .header-S26rhB {
position: unset;
}
#app-mount .root-8LYsGj .headerTop-1PNKck {
padding: 0;
margin-top: var(--spacing-xl);
display: block;
}
#app-mount .root-8LYsGj .badgeList-2aoHPw {
margin: 0 0 calc(var(--spacing-xl) - 6px);
padding: 0;
}
#app-mount .root-8LYsGj .badgeList-2aoHPw:empty {
margin: 0;
}
#app-mount .root-8LYsGj .profileBadge22-3GAYRy {
width: 32px;
height: 32px;
}
#app-mount .root-8LYsGj .avatar-3QF_VA {
position: relative;
top: 0;
left: 0;
border: none;
width: 228px !important;
height: 228px !important;
background: transparent;
}
#app-mount .root-8LYsGj .avatar-3QF_VA rect {
width: 18px;
height: 18px;
x: 104px;
y: 104px;
stroke: var(--bg-lvl-0);
stroke-width: 4px;
}
#app-mount .root-8LYsGj .nameTag-2Nlmsy {
position: absolute;
top: calc(var(--spacing-xl) / -1 - 42px);
margin: 0;
z-index: 1;
}
#app-mount .root-8LYsGj .customStatusActivity-WKWGD- {
padding: 0;
margin-bottom: var(--spacing-xl);
}
#app-mount .root-8LYsGj .relationshipButtons-3ByBpj {
position: absolute;
top: calc(-78px - var(--spacing-xl));
right: var(--spacing-md);
}
#app-mount .root-8LYsGj .tabBarContainer-sCZC4w {
width: 100%;
padding: 0;
display: block;
box-sizing: border-box;
border: none;
margin-top: var(--spacing-xl);
}
#app-mount .root-8LYsGj .tabBar-2hXqzU {
height: auto;
display: block;
}
#app-mount .root-8LYsGj .item-3XjbnG {
height: auto;
border: none !important;
margin: 0;
padding: var(--spacing) var(--spacing-lg);
border-radius: var(--rounded-small);
}
#app-mount .root-8LYsGj .item-3XjbnG::before {
content: "";
width: 18px;
height: 18px;
background: var(--text-normal);
display: block;
margin-right: var(--spacing);
-webkit-mask-size: 18px;
mask-size: 18px;
-webkit-mask-position: center;
mask-position: center;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
margin-right: var(--spacing);
}
#app-mount .root-8LYsGj .item-3XjbnG[aria-controls=USER_INFO-tab]:before {
-webkit-mask-image: url('data:image/svg+xml; utf-8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M16 7a4 4 0 11-8 0 4 4 0 018 0zM12 14a7 7 0 00-7 7h14a7 7 0 00-7-7z" /></svg>');
mask-image: url('data:image/svg+xml; utf-8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M16 7a4 4 0 11-8 0 4 4 0 018 0zM12 14a7 7 0 00-7 7h14a7 7 0 00-7-7z" /></svg>');
}
#app-mount .root-8LYsGj .item-3XjbnG[aria-controls=ACTIVITY-tab]:before {
-webkit-mask-image: url('data:image/svg+xml; utf-8,<svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 5c7.18 0 13 5.82 13 13M6 11a7 7 0 017 7m-6 0a1 1 0 11-2 0 1 1 0 012 0z" /></svg>');
mask-image: url('data:image/svg+xml; utf-8,<svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 5c7.18 0 13 5.82 13 13M6 11a7 7 0 017 7m-6 0a1 1 0 11-2 0 1 1 0 012 0z" /></svg>');
}
#app-mount .root-8LYsGj .item-3XjbnG[aria-controls=MUTUAL_GUILDS-tab]:before {
-webkit-mask-image: url('data:image/svg+xml; utf-8,<svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 12h14M5 12a2 2 0 01-2-2V6a2 2 0 012-2h14a2 2 0 012 2v4a2 2 0 01-2 2M5 12a2 2 0 00-2 2v4a2 2 0 002 2h14a2 2 0 002-2v-4a2 2 0 00-2-2m-2-4h.01M17 16h.01" /></svg>');
mask-image: url('data:image/svg+xml; utf-8,<svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 12h14M5 12a2 2 0 01-2-2V6a2 2 0 012-2h14a2 2 0 012 2v4a2 2 0 01-2 2M5 12a2 2 0 00-2 2v4a2 2 0 002 2h14a2 2 0 002-2v-4a2 2 0 00-2-2m-2-4h.01M17 16h.01" /></svg>');
}
#app-mount .root-8LYsGj .item-3XjbnG[aria-controls=MUTUAL_FRIENDS-tab]:before {
-webkit-mask-image: url('data:image/svg+xml; utf-8,<svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 4.354a4 4 0 110 5.292M15 21H3v-1a6 6 0 0112 0v1zm0 0h6v-1a6 6 0 00-9-5.197M13 7a4 4 0 11-8 0 4 4 0 018 0z" /></svg>');
mask-image: url('data:image/svg+xml; utf-8,<svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 4.354a4 4 0 110 5.292M15 21H3v-1a6 6 0 0112 0v1zm0 0h6v-1a6 6 0 00-9-5.197M13 7a4 4 0 11-8 0 4 4 0 018 0z" /></svg>');
}
#app-mount .root-8LYsGj .item-3XjbnG:not(:last-child) {
margin-bottom: var(--spacing);
}
#app-mount .root-8LYsGj .item-3XjbnG:hover {
color: var(--text-focus);
background: var(--bg-lvl-1);
}
#app-mount .root-8LYsGj .item-3XjbnG.selected-g-kMVV {
color: #fff;
background: rgba(var(--accent), 1);
}
#app-mount .root-8LYsGj .body-1Ukv50 {
width: 100%;
height: 100%;
max-height: 280px;
margin-top: calc(200px + var(--spacing-xl));
background: var(--bg-lvl-1);
border-radius: var(--rounded-large);
overflow: hidden;
box-shadow: var(--elevation-far);
border: none;
}
#app-mount .root-8LYsGj .infoScroller-1QMpon {
padding: var(--spacing-xl);
}
#app-mount .root-8LYsGj .userInfoSectionHeader-2mYYun {
color: var(--text-normal);
font-size: var(--font-size-xsm);
margin-bottom: var(--spacing);
font-weight: var(--font-weight-bold);
}
#app-mount .root-8LYsGj .userInfoSection-2u2hir {
padding: 0 0 var(--spacing-xl);
border: none;
}
#app-mount .root-8LYsGj .userInfoSection-2u2hir + .userInfoSection-2u2hir {
padding-bottom: 0;
}
#app-mount .root-8LYsGj .userInfoSection-2u2hir + .userInfoSection-2u2hir::before {
content: "Connections";
color: var(--text-normal);
font-size: var(--font-size-xsm);
font-weight: var(--font-weight-bold);
text-transform: uppercase;
margin-bottom: var(--spacing);
display: block;
}
#app-mount .root-8LYsGj .note-3M15gE {
margin: 0;
}
#app-mount .root-8LYsGj .connectedAccounts-1YaT2t {
display: grid;
grid-template-columns: 1fr 1fr;
grid-gap: var(--spacing-xl);
margin-top: 0;
}
#app-mount .root-8LYsGj .connectedAccount-1xKpli {
margin: 0;
width: 100%;
box-sizing: border-box;
border: none;
background: var(--bg-lvl-2);
border-radius: var(--rounded-large);
}
#app-mount .templatesList-uohY49 {
padding: 0 var(--spacing) 0 var(--spacing-xl);
}
#app-mount .templatesList-uohY49 .colorHeaderSecondary-g5teka {
color: var(--text-normal);
}
#app-mount .templatesList-uohY49 + div > h3 {
display: none;
}
#app-mount .optionsList-dmHy1l .colorHeaderSecondary-g5teka {
color: var(--text-normal);
}
#app-mount .container-x8Y1ix {
background: var(--bg-lvl-1);
transition: background 0.15s ease;
margin-bottom: var(--spacing-xl);
}
#app-mount .container-x8Y1ix .colorStandard-21JIj7 {
color: var(--text-focus);
}
#app-mount .container-x8Y1ix:hover {
background: var(--bg-lvl-2);
}
#app-mount .uploadModal-2ie9O_ {
background: var(--bg-lvl-0);
border: none;
box-shadow: var(--elevation-far);
}
#app-mount .uploadModal-2ie9O_ .inner-rBP-MS {
margin: 0;
}
#app-mount .uploadModal-2ie9O_ .icon-HW4tZ-:not(.image-2ssF8k) {
display: none;
}
#app-mount .uploadModal-2ie9O_ .comment-1kpwc5 {
margin: 0 var(--spacing-3xl);
}
#app-mount .uploadModal-2ie9O_ .channelTextAreaUpload-30SRDh {
margin: var(--spacing) 0 var(--spacing-3xl);
}
#app-mount .uploadModal-2ie9O_ .description-2AJi-V {
padding: var(--spacing-3xl) 0 var(--spacing-3xl) var(--spacing-3xl);
}
#app-mount .uploadModal-2ie9O_ .slateTextArea-27tjG0,
#app-mount .uploadModal-2ie9O_ .textArea-2CLwUE {
min-height: 54px;
}
#app-mount .uploadModal-2ie9O_ .buttons-uaqb-5 {
padding: var(--spacing-md) 0 0 var(--spacing-md);
}
#app-mount .uploadModal-2ie9O_ .footer-VCsJQY {
background: var(--bg-lvl-1);
box-shadow: none;
padding: var(--spacing-xl);
}
#app-mount .menu-1QACrS {
background: var(--bg-lvl-3);
border-radius: var(--rounded-small);
box-shadow: var(--elevation-far);
}
#app-mount .menu-1QACrS .scroller-1bVxF5 {
padding: var(--spacing-sm);
}
#app-mount .menu-1QACrS .item-1OdjEX {
border-radius: var(--rounded-small);
}
#app-mount .menu-1QACrS .item-1OdjEX.colorPremium-vwmYZQ {
color: rgb(var(--discord-nitro));
}
#app-mount .menu-1QACrS .item-1OdjEX.colorBrand-3cPPsm {
color: rgba(var(--accent), 1);
}
#app-mount .menu-1QACrS .item-1OdjEX.focused-3qFvc8, #app-mount .menu-1QACrS .item-1OdjEX:active {
background: rgba(var(--accent), 1);
color: #fff;
}
#app-mount .menu-1QACrS .item-1OdjEX.focused-3qFvc8 .radioSelection-1UHp0b,
#app-mount .menu-1QACrS .item-1OdjEX.focused-3qFvc8 .checkbox-hADx5o, #app-mount .menu-1QACrS .item-1OdjEX:active .radioSelection-1UHp0b,
#app-mount .menu-1QACrS .item-1OdjEX:active .checkbox-hADx5o {
color: #fff;
}
#app-mount .menu-1QACrS .item-1OdjEX.focused-3qFvc8 .check-3HZJs4, #app-mount .menu-1QACrS .item-1OdjEX:active .check-3HZJs4 {
color: rgb(var(--accent));
}
#app-mount .menu-1QACrS .item-1OdjEX.focused-3qFvc8.colorPremium-vwmYZQ, #app-mount .menu-1QACrS .item-1OdjEX:active.colorPremium-vwmYZQ {
background: rgb(var(--discord-nitro));
color: #222;
}
#app-mount .menu-1QACrS .item-1OdjEX.focused-3qFvc8.colorPremium-vwmYZQ .icon-E4cW1l, #app-mount .menu-1QACrS .item-1OdjEX:active.colorPremium-vwmYZQ .icon-E4cW1l {
color: #222;
}
#app-mount .menu-1QACrS .item-1OdjEX.focused-3qFvc8.colorDanger-3n-KnP, #app-mount .menu-1QACrS .item-1OdjEX:active.colorDanger-3n-KnP {
background: rgb(var(--discord-red));
}
#app-mount .menu-1QACrS .radioSelection-1UHp0b,
#app-mount .menu-1QACrS .checkbox-hADx5o {
color: rgb(var(--accent));
}
#app-mount .userPopout-2j1gM4 {
border-radius: var(--rounded-large);
box-shadow: var(--elevation-far);
}
#app-mount .userPopout-2j1gM4 .headerText-3g1XK9 {
color: var(--text-focus);
}
#app-mount .userPopout-2j1gM4 .setIdentityLink-hOFsMl {
display: none;
}
#app-mount .userPopout-2j1gM4 .avatarWrapper-eenWra {
left: calc(var(--spacing-xl) - 6px);
}
#app-mount .userPopout-2j1gM4 .wrapper-1VLyxH {
border-radius: var(--avatar-radius);
border-color: var(--bg-lvl-1);
background: var(--bg-lvl-1);
}
#app-mount .userPopout-2j1gM4 .wrapper-1VLyxH rect {
stroke: var(--bg-lvl-1) !important;
}
#app-mount .userPopout-2j1gM4 .avatarHint-k7pYop {
border-radius: var(--avatar-radius);
width: var(--avatar-size-xl);
height: var(--avatar-size-xl);
}
#app-mount .userPopout-2j1gM4 .avatarHint-k7pYop foreignObject {
-webkit-mask: none;
mask: none;
}
#app-mount .userPopout-2j1gM4 .headerNormal-3Zn_yu {
background: var(--bg-lvl-1);
}
#app-mount .userPopout-2j1gM4 .headerTop-3GPUSF {
background: var(--bg-lvl-1);
border: none;
padding: calc(var(--spacing-3xl) + 34px) var(--spacing-xl) var(--spacing-xl);
}
#app-mount .userPopout-2j1gM4 .aboutMeSection-PUghFQ {
background: transparent;
}
#app-mount .userPopout-2j1gM4 .body-2wLx-E {
background: var(--bg-lvl-1);
padding: var(--spacing-xl);
}
#app-mount .userPopout-2j1gM4 .bodyInnerWrapper-2bQs1k {
background: transparent;
}
#app-mount .userPopout-2j1gM4 .bodyTitle-3FWCs2 {
color: var(--text-focus);
}
#app-mount .userPopout-2j1gM4 .divider-1wtgZ3 {
display: none;
}
#app-mount .userPopout-2j1gM4 .activity-3v9l4T {
padding: 0 var(--spacing-xl);
}
#app-mount .userPopout-2j1gM4 .rolesList-3uZoaa {
position: unset;
margin: 0 0 var(--spacing-lg);
}
#app-mount .userPopout-2j1gM4 .role-2TIOKu {
padding: var(--spacing-xs) var(--spacing);
border: none;
height: auto;
border-radius: var(--rounded-small);
position: relative;
overflow: hidden;
z-index: 1;
line-height: normal;
}
#app-mount .userPopout-2j1gM4 .roleCircle-1EgnFN:before {
content: "";
background: inherit;
opacity: 0.3;
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: -1;
}
#app-mount .userPopout-2j1gM4 .roleName-2ZJJYR {
z-index: 2;
margin-right: 0;
}
#app-mount .userPopout-2j1gM4 .roleCircle-1EgnFN {
border-radius: var(--rounded-small);
margin-right: var(--spacing);
}
#app-mount .userPopout-2j1gM4 .addButton-1_dZYu.role-2TIOKu {
position: absolute;
top: 16px;
right: var(--spacing);
border: none;
padding: 0;
width: 12px;
height: 12px;
color: var(--text-normal);
margin: 0;
}
#app-mount .userPopout-2j1gM4 .addButton-1_dZYu.role-2TIOKu svg {
width: 100%;
height: 100%;
}
#app-mount .userPopout-2j1gM4 .footer-3naVBw {
background: var(--bg-lvl-1);
padding: 0;
}
#app-mount .userPopout-2j1gM4 .footer-3naVBw .inputWrapper-1YNMmM {
margin: 0 var(--spacing-xl) var(--spacing-xl);
}
#app-mount .userPopout-2j1gM4 .protip-2urNh2 {
display: none;
}
#app-mount .userPopout-2j1gM4 .note-Go5ZP2 {
margin: 0;
}
#app-mount .userPopout-2j1gM4 .input-2g-os5 {
background: var(--bg-lvl-2);
border: none;
font-weight: var(--font-weight-normal);
height: auto;
padding: var(--spacing);
border-radius: var(--rounded-large);
}
#app-mount .userPopout-2j1gM4 .input-2g-os5::-moz-placeholder {
font-weight: inherit;
color: var(--text-muted);
}
#app-mount .userPopout-2j1gM4 .input-2g-os5:-ms-input-placeholder {
font-weight: inherit;
color: var(--text-muted);
}
#app-mount .userPopout-2j1gM4 .input-2g-os5::placeholder {
font-weight: inherit;
color: var(--text-muted);
}
#app-mount .userPopout-2j1gM4 .input-2g-os5:focus {
box-shadow: var(--input-focus);
}
#app-mount .userPopout-2j1gM4[style*="--user-background"] .banner-1YaD3N {
height: 120px;
background: var(--user-background) center/cover no-repeat;
}
#app-mount .userPopout-2j1gM4[style*="--user-background"] .avatarPositionNormal-2jWoC2 {
top: 74px;
}
#app-mount .messagesPopoutWrap-3zryHW,
#app-mount .recentMentionsPopout-2bI1ZN {
position: fixed;
top: 50%;
left: 50%;
height: 60vh;
min-width: 60vh;
max-width: 60vh;
width: 70vw;
transform: translate(-50%, -50%);
overflow: visible;
box-shadow: var(--elevation-far);
border-radius: var(--rounded-large);
background: var(--bg-lvl-0);
}
#app-mount .messagesPopoutWrap-3zryHW::before,
#app-mount .recentMentionsPopout-2bI1ZN::before {
content: "";
position: absolute;
top: -100vmax;
right: -100vmax;
bottom: -100vmax;
left: -100vmax;
background: var(--backdrop);
pointer-events: none;
z-index: -1;
}
#app-mount .messagesPopoutWrap-3zryHW .messagesPopout-eVzQcI,
#app-mount .recentMentionsPopout-2bI1ZN .messagesPopout-eVzQcI {
padding: var(--spacing-xl) !important;
background: var(--bg-lvl-0);
border-radius: 0 0 var(--rounded-large) var(--rounded-large);
}
#app-mount .messagesPopoutWrap-3zryHW .messagesPopout-eVzQcI::-webkit-scrollbar,
#app-mount .recentMentionsPopout-2bI1ZN .messagesPopout-eVzQcI::-webkit-scrollbar {
display: none;
}
#app-mount .jumpButton-1ZwI_j {
background: rgb(var(--accent));
color: #fff;
font-weight: 600;
z-index: 1;
height: auto;
border-radius: var(--rounded-small);
padding: var(--spacing) var(--spacing-md);
margin: -2px 12px 0 0;
transition: box-shadow 0.15s ease;
}
#app-mount .jumpButton-1ZwI_j:hover {
background: rgb(var(--accent));
box-shadow: inset 0 0 0 100vmax rgba(0, 0, 0, 0.1);
}
#app-mount .jumpButton-1ZwI_j:focus {
background: rgb(var(--accent));
box-shadow: inset 0 0 0 100vmax rgba(0, 0, 0, 0.2);
}
#app-mount .header-1w9Q93 {
border-radius: var(--rounded-large) var(--rounded-large) 0 0;
padding: var(--spacing-3xl);
}
#app-mount .header-1w9Q93 h3 {
color: var(--text-focus);
font-size: var(--font-size-xl);
}
#app-mount .messagesPopoutWrap-3zryHW .messageGroupWrapper-1jf_7C {
background: transparent;
border: none;
margin-bottom: var(--spacing-xl);
}
#app-mount .messagesPopoutWrap-3zryHW .cozy-VmLDNB {
background: var(--bg-lvl-2);
border-radius: var(--rounded-large);
}
#app-mount .messagesPopoutWrap-3zryHW .cozy-VmLDNB:hover {
background: var(--bg-lvl-2) !important;
}
#app-mount .recentMentionsPopout-2bI1ZN .scroller-MIi2ab,
#app-mount .recentMentionsPopout-2bI1ZN .scroller-145h9c {
padding: 0 !important;
background: var(--bg-lvl-0);
border-radius: 0 0 var(--rounded-large) var(--rounded-large);
}
#app-mount .recentMentionsPopout-2bI1ZN .scroller-MIi2ab::-webkit-scrollbar,
#app-mount .recentMentionsPopout-2bI1ZN .scroller-145h9c::-webkit-scrollbar {
display: none;
}
#app-mount .recentMentionsPopout-2bI1ZN .container-nwU-8G {
background: var(--bg-lvl-0);
}
#app-mount .recentMentionsPopout-2bI1ZN .header-145e10 {
border-radius: var(--rounded-large) var(--rounded-large) 0 0;
display: grid;
grid-template-columns: 1fr 1fr;
grid-template-areas: "title title" "actions filter";
height: auto;
min-height: auto;
flex-direction: column;
align-items: center;
width: 100%;
padding: var(--spacing-3xl);
}
#app-mount .recentMentionsPopout-2bI1ZN .header-145e10::before {
content: "Inbox";
color: var(--text-focus);
font-size: var(--font-size-xl);
margin-bottom: var(--spacing-xl);
}
#app-mount .recentMentionsPopout-2bI1ZN .tabBar-1qdMr5 {
display: flex;
align-items: center;
grid-area: actions;
height: 32px;
}
#app-mount .recentMentionsPopout-2bI1ZN .tabBar-1qdMr5 + div {
grid-area: filter;
display: flex;
justify-content: flex-end;
}
#app-mount .recentMentionsPopout-2bI1ZN .tab-TRrPC8 {
margin: 0 var(--spacing) 0 0;
}
#app-mount .recentMentionsPopout-2bI1ZN .tab-TRrPC8.selected-g-kMVV {
background: rgb(var(--accent));
color: #fff;
}
#app-mount .container-iA3Qrz {
padding: 0;
}
#app-mount .channelHeader-DFRX8q {
background: var(--bg-lvl-0);
padding: var(--spacing-xl);
}
#app-mount .messageContainer-3VTXBC {
background: transparent;
border-radius: 0;
padding-top: 0;
}
#app-mount .messageContainer-3VTXBC .cozy-VmLDNB {
background: var(--bg-lvl-2);
border-radius: var(--rounded-large);
overflow: visible;
margin-left: 82px;
}
#app-mount .messageContainer-3VTXBC .cozy-VmLDNB:hover {
background: var(--bg-lvl-2) !important;
}
#app-mount .messageContainer-3VTXBC .avatar-2e8lTP {
left: calc(var(--chat-avatar-size) / -1 - 10px);
}
#app-mount .searchResultsWrap-5RVOkx {
margin: var(--app-spacing) 0 0 var(--app-spacing);
border-radius: var(--rounded-large);
background: var(--bg-lvl-1);
box-shadow: var(--elevation-close);
width: 500px;
}
#app-mount .searchHeader-1r_ZSh {
background: var(--bg-lvl-2);
}
#app-mount .channelName-3w2Y3c {
background: var(--bg-lvl-1);
}
#app-mount .searchResult-O9NDji {
background: transparent;
}
#app-mount .searchResult-O9NDji .repliedMessage-3Z6XBG {
background: var(--bg-lvl-2);
}
#app-mount .searchResult-O9NDji .cozy-VmLDNB {
background: var(--bg-lvl-3);
border-radius: var(--rounded-large);
}
#app-mount .searchResult-O9NDji .cozy-VmLDNB:hover {
background: var(--bg-lvl-3) !important;
}
#app-mount .search-39IXmY {
order: 0;
margin: 0;
}
#app-mount .search-39IXmY .icon-1nNws_ {
height: 100%;
}
#app-mount .search-1FM8Qc.focused-8aNhVB {
position: fixed;
left: 50%;
top: 20%;
transform: translateX(-50%);
z-index: 1000;
display: flex;
align-items: center;
justify-content: center;
border-radius: var(--rounded-large);
}
#app-mount .search-1FM8Qc.focused-8aNhVB .searchBar-zdmu7v {
background: var(--bg-lvl-2);
height: 64px;
width: 500px;
padding: 0 var(--spacing-xl);
box-sizing: border-box;
box-shadow: var(--elevation-far);
border-radius: var(--rounded-large);
}
#app-mount .search-1FM8Qc.focused-8aNhVB .public-DraftEditor-content {
cursor: text;
font-size: var(--font-size-lg);
}
#app-mount .search-1FM8Qc.focused-8aNhVB .public-DraftEditorPlaceholder-root {
font-size: var(--font-size-lg);
}
#app-mount .search-1FM8Qc.focused-8aNhVB .icon-1nNws_ {
width: 42px;
}
#app-mount .search-1FM8Qc.focused-8aNhVB .iconContainer-1RqWJj,
#app-mount .search-1FM8Qc.focused-8aNhVB .icon-18rqoe {
width: 24px;
height: 24px;
}
#app-mount .search-1FM8Qc.focused-8aNhVB::before {
content: "";
position: fixed;
top: -100vmax;
right: -100vmax;
bottom: -100vmax;
left: -100vmax;
background: var(--backdrop);
z-index: -1;
}
#app-mount .searchBar-zdmu7v {
background: var(--bg-lvl-0);
padding: 0;
height: 32px;
width: 250px;
}
#app-mount .DraftEditor-root {
padding: 0;
}
#app-mount .DraftEditor-editorContainer {
height: 100%;
}
#app-mount .public-DraftEditor-content {
display: flex;
align-items: center;
padding-left: var(--spacing-md);
cursor: pointer;
}
#app-mount .public-DraftEditorPlaceholder-root {
height: 100%;
display: flex;
align-items: center;
padding-left: var(--spacing-md);
}
#app-mount #search-results.container-2McqkF {
position: fixed;
left: 50%;
top: calc(20% + 46px + var(--spacing-xl));
transform: translateX(-50%);
width: 500px !important;
box-sizing: border-box;
border-radius: var(--rounded-large);
background: var(--bg-lvl-1);
box-shadow: var(--elevation-far);
}
#app-mount .resultsGroup-1BPR25 {
padding: var(--spacing-xl) 0;
margin: 0;
}
#app-mount .resultsGroup-1BPR25::before {
content: none;
}
#app-mount .queryContainer-ZunrLZ {
background: var(--bg-lvl-2);
border: none;
}
#app-mount .option-2KkUJO {
line-height: 20px;
}
#app-mount .option-2KkUJO.selected-rZcOL- {
background: var(--bg-lvl-3);
}
#app-mount .option-2KkUJO::after {
background: linear-gradient(90deg, transparent, var(--bg-lvl-1) 80%);
}
#app-mount .answer-2fBfuP,
#app-mount .header-3A13BX,
#app-mount .plusIcon-2V7coV {
color: var(--text-focus);
}
#app-mount .filter-5YbOzJ,
#app-mount .searchClearHistory-2Be-92,
#app-mount .searchLearnMore-7__o_n a,
#app-mount .displayUsername-14aOpK,
#app-mount .searchResultChannelIcon-1Il1Qo {
color: var(--text-normal);
}
#app-mount .searchResultChannelCategory-3cL8uG {
color: var(--text-muted);
}
#app-mount .autocomplete-3NRXG8 {
background: var(--bg-lvl-3);
border-radius: var(--rounded-large);
box-shadow: var(--elevation-close);
bottom: calc(100% + var(--spacing-xl));
}
#app-mount .autocomplete-3NRXG8 .wrapper-3z7DuG {
width: 64px;
}
#app-mount .autocomplete-3NRXG8 .wrapper-22rqw6 {
background: var(--bg-lvl-2);
}
#app-mount .autocomplete-3NRXG8 .wrapper-22rqw6 .mask-3pLFcz,
#app-mount .autocomplete-3NRXG8 .wrapper-22rqw6 .wrapper-1wwiGV {
width: 40px !important;
height: 40px !important;
border-radius: var(--rounded-small);
box-sizing: border-box;
display: flex;
align-items: center;
justify-content: center;
background: var(--bg-lvl-1);
}
#app-mount .autocomplete-3NRXG8 .categoryHeader-OpJ1Ly {
background: var(--bg-lvl-3);
}
#app-mount .autocomplete-3NRXG8 .selectable-1MM9tu {
padding: var(--spacing) var(--spacing-xl) var(--spacing) var(--spacing);
border-radius: var(--rounded-small);
}
#app-mount .autocomplete-3NRXG8 .selectable-1MM9tu.selected-3H3-RC {
background: var(--bg-lvl-2);
}
#app-mount #guild-header-popout {
transform: translate(25px, -50px);
}
#app-mount .container-18GwIk {
position: fixed;
top: 50%;
left: 50%;
height: 60vh;
min-width: 60vh;
max-width: 60vh;
width: 70vw;
transform: translate(-50%, -50%);
overflow: visible;
box-shadow: var(--elevation-far);
border-radius: var(--rounded-large);
background: var(--bg-lvl-0);
}
#app-mount .container-18GwIk::before {
content: "";
position: absolute;
top: -100vmax;
right: -100vmax;
bottom: -100vmax;
left: -100vmax;
background: var(--backdrop);
pointer-events: none;
z-index: -1;
}
#app-mount .header-3_zmOb {
height: auto;
border-radius: var(--rounded-large) var(--rounded-large) 0 0;
padding: var(--spacing-3xl);
}
#app-mount .header-3_zmOb .createButton-oruGBs {
height: auto;
}
#app-mount .activeThreadsList-c8qlqZ {
background: var(--bg-lvl-0);
}
#app-mount .list-1uSVgu {
height: 100%;
background: var(--bg-lvl-0);
border-radius: 0 0 var(--rounded-large) var(--rounded-large);
}
#app-mount .container-2rzKKA {
border-radius: var(--rounded-large);
background: var(--bg-lvl-1);
border: none;
}
#app-mount .container-2rzKKA:hover {
background: var(--bg-lvl-2);
}
#app-mount .layer-86YKbF[aria-label*=SETTINGS] {
background: transparent;
top: 0;
left: 0;
padding: 0;
width: 100%;
height: 100%;
overflow: visible;
display: flex;
align-items: center;
justify-content: center;
z-index: 1;
}
#app-mount .layer-86YKbF[aria-label*=SETTINGS] .standardSidebarView-E9Pc3j {
max-width: var(--settings-width);
max-height: var(--settings-height);
position: unset;
}
#app-mount .layer-86YKbF[aria-label*=SETTINGS] .contentRegion-3HkfJJ {
flex: 1 1 auto;
width: var(--settings-width);
position: unset;
min-height: 800px;
max-height: 800px;
}
#app-mount .layer-86YKbF[aria-label*=SETTINGS] .toolsContainer-25FL6V {
padding-top: 0;
top: 0;
left: 0;
width: 100%;
height: 100%;
position: fixed;
z-index: -1;
}
#app-mount .layer-86YKbF[aria-label*=SETTINGS] .tools-kIrEGr,
#app-mount .layer-86YKbF[aria-label*=SETTINGS] .container-O54IuJ {
width: 100%;
height: 100%;
}
#app-mount .layer-86YKbF[aria-label*=SETTINGS] .keybind-13vtq8 {
display: none;
}
#app-mount .layer-86YKbF[aria-label*=SETTINGS] .closeButton-PCZcma {
background: rgba(0, 0, 0, 0.7);
border: none;
border-radius: 0;
flex: 0;
width: 100%;
height: 100vh;
position: absolute;
top: 0;
left: 0;
z-index: 1;
}
#app-mount .layer-86YKbF[aria-label*=SETTINGS] .standardSidebarView-E9Pc3j {
background: transparent;
top: 0;
}
#app-mount .layer-86YKbF[aria-label*=SETTINGS] .customContainer-dK1ozq {
position: relative;
}
#app-mount .layer-86YKbF[aria-label*=SETTINGS] .customContainer-dK1ozq::-webkit-scrollbar {
display: none;
}
#app-mount .layer-86YKbF[aria-label*=SETTINGS] .contentColumnMinimal-32PuDO {
padding: 0;
}
#app-mount .layer-86YKbF[aria-label*=SETTINGS] .customScroller-m1-jZn {
overflow: hidden !important;
}
#app-mount .layer-86YKbF[aria-label*=SETTINGS] .customScroller-m1-jZn > div {
min-width: unset;
max-width: unset;
margin: 0;
}
#app-mount .layer-86YKbF[aria-label*=SETTINGS] .customScroller-m1-jZn > div > div[style="height: 60px;"] {
display: none;
}
#app-mount .layer-86YKbF[aria-label*=SETTINGS] .sidebar-3K3Z4C,
#app-mount .layer-86YKbF[aria-label*=SETTINGS] .scroller-14hecM {
max-height: 800px;
}
#app-mount .layer-86YKbF[aria-label*=SETTINGS] .contentContainer-3hXFtK {
position: relative;
left: 0;
width: 100%;
}
#app-mount .layer-86YKbF[aria-label*=SETTINGS] .contentContainer-3hXFtK .scroller-39BnzZ {
max-height: 800px;
}
#app-mount .layer-86YKbF[aria-label*=SETTINGS] .sidebar-TpGdn9 {
position: relative;
}
#app-mount .layer-86YKbF[aria-label*=SETTINGS] .page-15bX59 {
min-width: unset;
max-width: unset;
}
#app-mount .contentRegion-3HkfJJ {
border-radius: var(--rounded-large);
box-shadow: var(--elevation-far);
overflow: hidden;
}
#app-mount .contentRegionScroller-2_GT_N {
background: var(--bg-lvl-0);
}
#app-mount .contentRegionScroller-2_GT_N::-webkit-scrollbar-track {
background: var(--bg-lvl-1);
border-color: var(--bg-lvl-0);
}
#app-mount .contentRegionScroller-2_GT_N::-webkit-scrollbar-thumb {
background: var(--bg-lvl-2);
border-color: var(--bg-lvl-0);
}
#app-mount .contentColumn-1C7as6,
#app-mount .customColumn-2n-oKU {
max-width: 990px;
padding: var(--spacing-3xl);
}
#app-mount .formNotice-2nS8ey {
background: var(--bg-lvl-1);
border: none;
}
#app-mount .card-2ART2V:before {
content: none;
}
#app-mount .title-2dsDLn {
color: var(--text-focus);
}
#app-mount .h5-2RwDNl {
color: var(--text-focus);
font-weight: bold;
}
#app-mount .description-30xx7u, #app-mount .labelDescriptor-34wZ-z {
color: var(--text-normal);
}
#app-mount .sidebarRegion-1VBisG {
margin-right: var(--app-spacing);
}
#app-mount .sidebarRegionScroller-FXiQOh {
background: var(--bg-lvl-1);
border-radius: var(--rounded-large);
box-shadow: var(--elevation-far);
}
#app-mount .info-1sUqUG .colorMuted-20987_:first-child:before {
content: "iPadOS " var(--ipados-base-version);
display: block;
}
#app-mount .sidebar-nqHbhN {
padding: calc(var(--spacing-xl) * 2) var(--spacing-xl);
width: 250px;
}
#app-mount .sidebar-nqHbhN .item-3XjbnG {
display: flex;
align-items: center;
}
#app-mount .sidebar-nqHbhN .item-3XjbnG::before {
content: "";
width: 18px;
height: 18px;
background: var(--text-normal);
display: block;
margin-right: var(--spacing);
-webkit-mask-image: url('data:image/svg+xml; utf-8,<svg class="w-6 h-6" data-darkreader-inline-fill="" fill="currentColor" style="--darkreader-inline-fill:currentColor;" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M11.49 3.17c-.38-1.56-2.6-1.56-2.98 0a1.532 1.532 0 01-2.286.948c-1.372-.836-2.942.734-2.106 2.106.54.886.061 2.042-.947 2.287-1.561.379-1.561 2.6 0 2.978a1.532 1.532 0 01.947 2.287c-.836 1.372.734 2.942 2.106 2.106a1.532 1.532 0 012.287.947c.379 1.561 2.6 1.561 2.978 0a1.533 1.533 0 012.287-.947c1.372.836 2.942-.734 2.106-2.106a1.533 1.533 0 01.947-2.287c1.561-.379 1.561-2.6 0-2.978a1.532 1.532 0 01-.947-2.287c.836-1.372-.734-2.942-2.106-2.106a1.532 1.532 0 01-2.287-.947zM10 13a3 3 0 100-6 3 3 0 000 6z" clip-rule="evenodd"></path></svg>');
mask-image: url('data:image/svg+xml; utf-8,<svg class="w-6 h-6" data-darkreader-inline-fill="" fill="currentColor" style="--darkreader-inline-fill:currentColor;" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M11.49 3.17c-.38-1.56-2.6-1.56-2.98 0a1.532 1.532 0 01-2.286.948c-1.372-.836-2.942.734-2.106 2.106.54.886.061 2.042-.947 2.287-1.561.379-1.561 2.6 0 2.978a1.532 1.532 0 01.947 2.287c-.836 1.372.734 2.942 2.106 2.106a1.532 1.532 0 012.287.947c.379 1.561 2.6 1.561 2.978 0a1.533 1.533 0 012.287-.947c1.372.836 2.942-.734 2.106-2.106a1.533 1.533 0 01.947-2.287c1.561-.379 1.561-2.6 0-2.978a1.532 1.532 0 01-.947-2.287c.836-1.372-.734-2.942-2.106-2.106a1.532 1.532 0 01-2.287-.947zM10 13a3 3 0 100-6 3 3 0 000 6z" clip-rule="evenodd"></path></svg>');
-webkit-mask-size: 18px;
mask-size: 18px;
-webkit-mask-position: center;
mask-position: center;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
margin-right: var(--spacing);
}
#app-mount .sidebar-nqHbhN .item-3XjbnG:hover {
background: var(--bg-lvl-2) !important;
}
#app-mount .sidebar-nqHbhN .item-3XjbnG:active {
background: var(--bg-lvl-3) !important;
}
#app-mount .sidebar-nqHbhN .item-3XjbnG.selected-g-kMVV {
background: rgb(var(--accent)) !important;
color: #fff;
}
#app-mount .sidebar-nqHbhN .item-3XjbnG.selected-g-kMVV::before {
background: #fff;
}
#app-mount .sidebar-nqHbhN .item-3XjbnG[aria-controls="My Account-tab"]:before {
-webkit-mask-image: url('data:image/svg+xml; utf-8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M16 7a4 4 0 11-8 0 4 4 0 018 0zM12 14a7 7 0 00-7 7h14a7 7 0 00-7-7z" /></svg>');
mask-image: url('data:image/svg+xml; utf-8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M16 7a4 4 0 11-8 0 4 4 0 018 0zM12 14a7 7 0 00-7 7h14a7 7 0 00-7-7z" /></svg>');
}
#app-mount .sidebar-nqHbhN .item-3XjbnG[aria-controls="Privacy & Safety-tab"]:before {
-webkit-mask-image: url('data:image/svg+xml; utf-8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12l2 2 4-4m5.618-4.016A11.955 11.955 0 0112 2.944a11.955 11.955 0 01-8.618 3.04A12.02 12.02 0 003 9c0 5.591 3.824 10.29 9 11.622 5.176-1.332 9-6.03 9-11.622 0-1.042-.133-2.052-.382-3.016z" /></svg>');
mask-image: url('data:image/svg+xml; utf-8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12l2 2 4-4m5.618-4.016A11.955 11.955 0 0112 2.944a11.955 11.955 0 01-8.618 3.04A12.02 12.02 0 003 9c0 5.591 3.824 10.29 9 11.622 5.176-1.332 9-6.03 9-11.622 0-1.042-.133-2.052-.382-3.016z" /></svg>');
}
#app-mount .sidebar-nqHbhN .item-3XjbnG[aria-controls="Authorized Apps-tab"]:before {
-webkit-mask-image: url('data:image/svg+xml; utf-8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-6 9l2 2 4-4" /></svg>');
mask-image: url('data:image/svg+xml; utf-8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-6 9l2 2 4-4" /></svg>');
}
#app-mount .sidebar-nqHbhN .item-3XjbnG[aria-controls=Connections-tab]:before {
-webkit-mask-image: url('data:image/svg+xml; utf-8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13.828 10.172a4 4 0 00-5.656 0l-4 4a4 4 0 105.656 5.656l1.102-1.101m-.758-4.899a4 4 0 005.656 0l4-4a4 4 0 00-5.656-5.656l-1.1 1.1" /></svg>');
mask-image: url('data:image/svg+xml; utf-8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13.828 10.172a4 4 0 00-5.656 0l-4 4a4 4 0 105.656 5.656l1.102-1.101m-.758-4.899a4 4 0 005.656 0l4-4a4 4 0 00-5.656-5.656l-1.1 1.1" /></svg>');
}
#app-mount .sidebar-nqHbhN .item-3XjbnG[aria-controls="Discord Nitro-tab"] {
background: transparent !important;
color: rgb(var(--discord-blurple));
}
#app-mount .sidebar-nqHbhN .item-3XjbnG[aria-controls="Discord Nitro-tab"] svg {
display: none;
}
#app-mount .sidebar-nqHbhN .item-3XjbnG[aria-controls="Discord Nitro-tab"]::before {
background: currentColor;
-webkit-mask-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAPUAAADwCAMAAADvotLkAAAAM1BMVEUAAAD///////////////////////////////////////////////////////////////+3leKCAAAAEHRSTlMAQIAQv++fz2Aw3yBwUK+PD/W3OwAABYNJREFUeAHt3deWqzAPhuHPljtN93+zf8kasktWHLPHgBj0nk956NVA0zRN0zRN0zRN0zRN07Q+kTFWSKMxOKIpFJZVXDJ2jcbCEosJ+zUVllo02CeaWXIL9ihHlp2jHdCepRe7s4cVfSc2Rb5CM7q28DUa0THDF8kP6FfkqxTQrYmv04BeOb5OCzo18IUq6NTIVyqjTzNfKYs+Fb5SM/rElyqiS5mvFbpkVK1qVata1apWtapVrWpVq1rVqlY1VK1qVata1apWtapVrWpVR2et9VytWLu4+EPUJaQMAMhz0+32PIZycXUcBzyagucP+TABqzxeVl1Wcl48N+VDxlfDUq6odgaPKMUXnPstz38UE+Gr5K6mDsM6y35TOWetMXjJGLv80vsw4CvjrqR2+cscVomz04B6w2RXZDB1t0R1MX+a5zGjNbPEP6YbkPwl1JYAABTWDfPGhnH+fR0BLfLVMePR6OvkajRGZm9p/Q+KcPVCz5dEXCL8ezn456oCmkWrHR7ZdUP8nSiVdSICRbLaAMAQiyX0KLmS8SgJVjsAMDGhW8YlPCpy1QZATuhaMgCAJFYdsWNFqjphx6xQdcGekZeptti1IFNN2LUsUh2wc06i2mDnkkB1we55eeoRuxfkqQfsXhannnFARZo64YBGaWrCAQ3C1DMOKcpSJxzSKEtNOKRBlHrGQUVJ6oSDWiSpBxxUFqSOOCwvR21xWEGO2uCwkhi1x4eGZK01hGrGWpsGfIjEqGdUM8/b0u9NZH3jYHxRinpEJQr8zL8jGd88OtsiRZ3bxwhLDStrrLInKeqmbW6FnbfsCEmI2m2ZM57wUtm0Jywy1HbTvxgadkae8L4gQz1tWgl9y8wb8b5RhprwttAwkfLGlcaIUPuNO1fbcrSFSiLUDu9rOaaxW0/iogS13ah2LWqD980S1GkPdcb7rAS12Xg2vLQgUMlIUG8dBi81/P6CSlmAuqDS2LKh8ltHmhSgdhsPml3LTj2jVjlfHTaeF5qGi9wO1dz5aotaVBomkt04WvByvjptGm09UsOB64R69ny1wQa2I+AT239CI8lXg54kbxs+L+EGfMqcr8bnhtE57+ZEqJSC89HZDFxfvUt0SzVOV7tbq1VtB/RrMnipSFTnMqJTg5vxmpOoRuIyoUNkOdJl1EjMznzf7Fe0ePXKbnZXzCtakLp+m2LyzFwSfeOFxbeH7YM/W81z9XtePhhsjlKsnsRGPl3Ny4cTwrJkbGkdeKKY+g2Vc9Wc8KbseIUbNEUrmb0l2Xf3ODWcQPp5/CQ31vFaGPCmkYWoK2xMjn/lltEQXiMzhsjP/DJc4ckrDnjt7cgn0c32fyWT7P8KLvIfzal6hUKQmh3hfVQ6fTsvRxalrl7tCp2+wzN6eW+xzUOfbz5NlT2CJPWapR4jj/gMvDYEse/aezt0+BJnpIpZlnptnr7/JU6HP6Lk5I+N40MiPAvf/HjekObLjHlVgjW5enOm4bAnGzuXC45lVxz/Y67oGJWqVrWqVa1qVata1apWdbdUrWpVq1rVqla1qlWtalWrWtWqzrdUg0/OxzPUhU/OxBPUM5/cSPF4deKTc0A4XE18drSFjZ+yiE8AwtFqwycXAGA8WA3H51b2Hyte4oFK3sBGtyyf24hHkz9UjXj6vutR9oeq6WQ2tbPRsVz4zKb2/wP4MXM7tP8f6BotfF4FzWx0zhQ+rdzMRvdS5JMam995wQ5l6/iMYvObJNipwZwQWtn4wdlbqpFuqUa6pRrJ31GN7O+oRo53VIPiHdWgcEc1EG6pxnhLNdIt1cj+jmrkckc1KN5RDZrvqAbCLdUYb6lGuqUa2d9RjVzuqAbFO6pBM+OOLdA0TdM0TdM0TdM0TdO0b/ZfegfWFMciUSwAAAAASUVORK5CYII=");
mask-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAPUAAADwCAMAAADvotLkAAAAM1BMVEUAAAD///////////////////////////////////////////////////////////////+3leKCAAAAEHRSTlMAQIAQv++fz2Aw3yBwUK+PD/W3OwAABYNJREFUeAHt3deWqzAPhuHPljtN93+zf8kasktWHLPHgBj0nk956NVA0zRN0zRN0zRN0zRN07Q+kTFWSKMxOKIpFJZVXDJ2jcbCEosJ+zUVllo02CeaWXIL9ihHlp2jHdCepRe7s4cVfSc2Rb5CM7q28DUa0THDF8kP6FfkqxTQrYmv04BeOb5OCzo18IUq6NTIVyqjTzNfKYs+Fb5SM/rElyqiS5mvFbpkVK1qVata1apWtapVrWpVq1rVqlY1VK1qVata1apWtapVrWpVR2et9VytWLu4+EPUJaQMAMhz0+32PIZycXUcBzyagucP+TABqzxeVl1Wcl48N+VDxlfDUq6odgaPKMUXnPstz38UE+Gr5K6mDsM6y35TOWetMXjJGLv80vsw4CvjrqR2+cscVomz04B6w2RXZDB1t0R1MX+a5zGjNbPEP6YbkPwl1JYAABTWDfPGhnH+fR0BLfLVMePR6OvkajRGZm9p/Q+KcPVCz5dEXCL8ezn456oCmkWrHR7ZdUP8nSiVdSICRbLaAMAQiyX0KLmS8SgJVjsAMDGhW8YlPCpy1QZATuhaMgCAJFYdsWNFqjphx6xQdcGekZeptti1IFNN2LUsUh2wc06i2mDnkkB1we55eeoRuxfkqQfsXhannnFARZo64YBGaWrCAQ3C1DMOKcpSJxzSKEtNOKRBlHrGQUVJ6oSDWiSpBxxUFqSOOCwvR21xWEGO2uCwkhi1x4eGZK01hGrGWpsGfIjEqGdUM8/b0u9NZH3jYHxRinpEJQr8zL8jGd88OtsiRZ3bxwhLDStrrLInKeqmbW6FnbfsCEmI2m2ZM57wUtm0Jywy1HbTvxgadkae8L4gQz1tWgl9y8wb8b5RhprwttAwkfLGlcaIUPuNO1fbcrSFSiLUDu9rOaaxW0/iogS13ah2LWqD980S1GkPdcb7rAS12Xg2vLQgUMlIUG8dBi81/P6CSlmAuqDS2LKh8ltHmhSgdhsPml3LTj2jVjlfHTaeF5qGi9wO1dz5aotaVBomkt04WvByvjptGm09UsOB64R69ny1wQa2I+AT239CI8lXg54kbxs+L+EGfMqcr8bnhtE57+ZEqJSC89HZDFxfvUt0SzVOV7tbq1VtB/RrMnipSFTnMqJTg5vxmpOoRuIyoUNkOdJl1EjMznzf7Fe0ePXKbnZXzCtakLp+m2LyzFwSfeOFxbeH7YM/W81z9XtePhhsjlKsnsRGPl3Ny4cTwrJkbGkdeKKY+g2Vc9Wc8KbseIUbNEUrmb0l2Xf3ODWcQPp5/CQ31vFaGPCmkYWoK2xMjn/lltEQXiMzhsjP/DJc4ckrDnjt7cgn0c32fyWT7P8KLvIfzal6hUKQmh3hfVQ6fTsvRxalrl7tCp2+wzN6eW+xzUOfbz5NlT2CJPWapR4jj/gMvDYEse/aezt0+BJnpIpZlnptnr7/JU6HP6Lk5I+N40MiPAvf/HjekObLjHlVgjW5enOm4bAnGzuXC45lVxz/Y67oGJWqVrWqVa1qVata1apWdbdUrWpVq1rVqla1qlWtalWrWtWqzrdUg0/OxzPUhU/OxBPUM5/cSPF4deKTc0A4XE18drSFjZ+yiE8AwtFqwycXAGA8WA3H51b2Hyte4oFK3sBGtyyf24hHkz9UjXj6vutR9oeq6WQ2tbPRsVz4zKb2/wP4MXM7tP8f6BotfF4FzWx0zhQ+rdzMRvdS5JMam995wQ5l6/iMYvObJNipwZwQWtn4wdlbqpFuqUa6pRrJ31GN7O+oRo53VIPiHdWgcEc1EG6pxnhLNdIt1cj+jmrkckc1KN5RDZrvqAbCLdUYb6lGuqUa2d9RjVzuqAbFO6pBM+OOLdA0TdM0TdM0TdM0TdO0b/ZfegfWFMciUSwAAAAASUVORK5CYII=");
}
#app-mount .sidebar-nqHbhN .item-3XjbnG[aria-controls="Discord Nitro-tab"]:hover {
background: var(--bg-lvl-2) !important;
}
#app-mount .sidebar-nqHbhN .item-3XjbnG[aria-controls="Discord Nitro-tab"].selected-g-kMVV {
background: #7289da !important;
}
#app-mount .sidebar-nqHbhN .item-3XjbnG[aria-controls="Nitro Server Boost-tab"] {
color: rgb(var(--discord-nitro)) !important;
}
#app-mount .sidebar-nqHbhN .item-3XjbnG[aria-controls="Nitro Server Boost-tab"]::before {
background: currentColor;
-webkit-mask-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEsAAABLCAMAAAAPkIrYAAAAUVBMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABcqRVCAAAAGnRSTlMACwwNGBkeICJTWVqAv8DExdvd3+H29/r7/K5nB5wAAAEWSURBVHgB7di9boQwEEVhhx9ICJAACSF+/wfdxh0H5D1UK3Ebd5+msO5IE3LSjO9BBKk5/gAmqQiYpSzGFGOSYkxSjAnqOtYuCflN79JenuqrGmAyR5XhTWJABYsBZTGgLAaUxoDyGFAeA6qWGFAf66fDgPqL/wpDKjLmKMYkxZikGBOUwPpTirD+2GIKsTxrKnbUHiumLGvYU4AN+VaiCBPWFjmbsOJRbuu2buulLN8Tvr86YQGWKLBU33fP9X38LhlLVP4eYoypM6uZGUMq7W2HMaUwpgRmKMYkxZikEFslRVhtKcAMBZinAPMUYJ4CzFOAeQowTQFWCUreTfw9x2OeAsxTgHkKME8B5inALAVpx6x/9QAAgaz7LUiTnQAAAABJRU5ErkJggg==");
mask-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEsAAABLCAMAAAAPkIrYAAAAUVBMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABcqRVCAAAAGnRSTlMACwwNGBkeICJTWVqAv8DExdvd3+H29/r7/K5nB5wAAAEWSURBVHgB7di9boQwEEVhhx9ICJAACSF+/wfdxh0H5D1UK3Ebd5+msO5IE3LSjO9BBKk5/gAmqQiYpSzGFGOSYkxSjAnqOtYuCflN79JenuqrGmAyR5XhTWJABYsBZTGgLAaUxoDyGFAeA6qWGFAf66fDgPqL/wpDKjLmKMYkxZikGBOUwPpTirD+2GIKsTxrKnbUHiumLGvYU4AN+VaiCBPWFjmbsOJRbuu2buulLN8Tvr86YQGWKLBU33fP9X38LhlLVP4eYoypM6uZGUMq7W2HMaUwpgRmKMYkxZikEFslRVhtKcAMBZinAPMUYJ4CzFOAeQowTQFWCUreTfw9x2OeAsxTgHkKME8B5inALAVpx6x/9QAAgaz7LUiTnQAAAABJRU5ErkJggg==");
}
#app-mount .sidebar-nqHbhN .item-3XjbnG[aria-controls="Nitro Server Boost-tab"].selected-g-kMVV {
color: #222 !important;
background: rgb(var(--discord-nitro)) !important;
}
#app-mount .sidebar-nqHbhN .item-3XjbnG[aria-controls="Library Inventory-tab"]:before {
-webkit-mask-image: url('data:image/svg+xml; utf-8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 8v13m0-13V6a2 2 0 112 2h-2zm0 0V5.5A2.5 2.5 0 109.5 8H12zm-7 4h14M5 12a2 2 0 110-4h14a2 2 0 110 4M5 12v7a2 2 0 002 2h10a2 2 0 002-2v-7" /></svg>');
mask-image: url('data:image/svg+xml; utf-8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 8v13m0-13V6a2 2 0 112 2h-2zm0 0V5.5A2.5 2.5 0 109.5 8H12zm-7 4h14M5 12a2 2 0 110-4h14a2 2 0 110 4M5 12v7a2 2 0 002 2h10a2 2 0 002-2v-7" /></svg>');
}
#app-mount .sidebar-nqHbhN .item-3XjbnG[aria-controls=Billing-tab]:before {
-webkit-mask-image: url('data:image/svg+xml; utf-8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 10h18M7 15h1m4 0h1m-7 4h12a3 3 0 003-3V8a3 3 0 00-3-3H6a3 3 0 00-3 3v8a3 3 0 003 3z" /></svg>');
mask-image: url('data:image/svg+xml; utf-8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 10h18M7 15h1m4 0h1m-7 4h12a3 3 0 003-3V8a3 3 0 00-3-3H6a3 3 0 00-3 3v8a3 3 0 003 3z" /></svg>');
}
#app-mount .sidebar-nqHbhN .item-3XjbnG[aria-controls=Appearance-tab]:before {
-webkit-mask-image: url('data:image/svg+xml; utf-8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 12a3 3 0 11-6 0 3 3 0 016 0z" /><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M2.458 12C3.732 7.943 7.523 5 12 5c4.478 0 8.268 2.943 9.542 7-1.274 4.057-5.064 7-9.542 7-4.477 0-8.268-2.943-9.542-7z" /></svg>');
mask-image: url('data:image/svg+xml; utf-8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 12a3 3 0 11-6 0 3 3 0 016 0z" /><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M2.458 12C3.732 7.943 7.523 5 12 5c4.478 0 8.268 2.943 9.542 7-1.274 4.057-5.064 7-9.542 7-4.477 0-8.268-2.943-9.542-7z" /></svg>');
}
#app-mount .sidebar-nqHbhN .item-3XjbnG[aria-controls=Accessibility-tab]:before {
-webkit-mask-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAABmJLR0QA/wD/AP+gvaeTAAABVUlEQVQ4ja3Uz05TURAG8F8xJrKiVTCscGlrl+qWjW9gTEhfgz4DxA3sCKbPAGpqXKrPAHZdWtcsdNmmSVmcufXmcmhN5EsmmcxMvvvNn3u4J9SW5Bp4gx3M8Qvf8PtfyZ+ihykucBZ2GbEP2FpF0sYYn9HM5FvoY4QXy5SMceBvyw/wCR/DF7lDXGEzR9QLJeW51TEJ2yjFa/iC0ypJQ+q/iUc4wh4e4xVehr+HY6xHa9UPeCcNEx5Ge5eYYRg2i9hB1MAAb8tEXWkzVbyWVj8Pv4oz7MNaJlnG9R1+gcU8C6IRnmcKdyX5g/CraErbW6DYTqtS+ENquxt+GW2ZYZMutl+S+0za5HbYNGJFS19xklFpS2rxMArr6JTynYjV8F7a5JMcEek2rqRjy/0C7VAydHsMt7ApXewEP3EeNojYSU7JsmdkQ3pGirmM8B1/Vin5L9wADCdJ6xrc5JUAAAAASUVORK5CYII=");
mask-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAABmJLR0QA/wD/AP+gvaeTAAABVUlEQVQ4ja3Uz05TURAG8F8xJrKiVTCscGlrl+qWjW9gTEhfgz4DxA3sCKbPAGpqXKrPAHZdWtcsdNmmSVmcufXmcmhN5EsmmcxMvvvNn3u4J9SW5Bp4gx3M8Qvf8PtfyZ+ihykucBZ2GbEP2FpF0sYYn9HM5FvoY4QXy5SMceBvyw/wCR/DF7lDXGEzR9QLJeW51TEJ2yjFa/iC0ypJQ+q/iUc4wh4e4xVehr+HY6xHa9UPeCcNEx5Ge5eYYRg2i9hB1MAAb8tEXWkzVbyWVj8Pv4oz7MNaJlnG9R1+gcU8C6IRnmcKdyX5g/CraErbW6DYTqtS+ENquxt+GW2ZYZMutl+S+0za5HbYNGJFS19xklFpS2rxMArr6JTynYjV8F7a5JMcEek2rqRjy/0C7VAydHsMt7ApXewEP3EeNojYSU7JsmdkQ3pGirmM8B1/Vin5L9wADCdJ6xrc5JUAAAAASUVORK5CYII=");
}
#app-mount .sidebar-nqHbhN .item-3XjbnG[aria-controls="Voice & Video-tab"]:before {
-webkit-mask-image: url('data:image/svg+xml; utf-8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 11a7 7 0 01-7 7m0 0a7 7 0 01-7-7m7 7v4m0 0H8m4 0h4m-4-8a3 3 0 01-3-3V5a3 3 0 116 0v6a3 3 0 01-3 3z" /></svg>');
mask-image: url('data:image/svg+xml; utf-8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 11a7 7 0 01-7 7m0 0a7 7 0 01-7-7m7 7v4m0 0H8m4 0h4m-4-8a3 3 0 01-3-3V5a3 3 0 116 0v6a3 3 0 01-3 3z" /></svg>');
}
#app-mount .sidebar-nqHbhN .item-3XjbnG[aria-controls="Text & Images-tab"]:before {
-webkit-mask-image: url('data:image/svg+xml; utf-8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 12h.01M12 12h.01M16 12h.01M21 12c0 4.418-4.03 8-9 8a9.863 9.863 0 01-4.255-.949L3 20l1.395-3.72C3.512 15.042 3 13.574 3 12c0-4.418 4.03-8 9-8s9 3.582 9 8z" /></svg>');
mask-image: url('data:image/svg+xml; utf-8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 12h.01M12 12h.01M16 12h.01M21 12c0 4.418-4.03 8-9 8a9.863 9.863 0 01-4.255-.949L3 20l1.395-3.72C3.512 15.042 3 13.574 3 12c0-4.418 4.03-8 9-8s9 3.582 9 8z" /></svg>');
}
#app-mount .sidebar-nqHbhN .item-3XjbnG[aria-controls=Notifications-tab]:before {
-webkit-mask-image: url('data:image/svg+xml; utf-8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 17h5l-1.405-1.405A2.032 2.032 0 0118 14.158V11a6.002 6.002 0 00-4-5.659V5a2 2 0 10-4 0v.341C7.67 6.165 6 8.388 6 11v3.159c0 .538-.214 1.055-.595 1.436L4 17h5m6 0v1a3 3 0 11-6 0v-1m6 0H9" /></svg>');
mask-image: url('data:image/svg+xml; utf-8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 17h5l-1.405-1.405A2.032 2.032 0 0118 14.158V11a6.002 6.002 0 00-4-5.659V5a2 2 0 10-4 0v.341C7.67 6.165 6 8.388 6 11v3.159c0 .538-.214 1.055-.595 1.436L4 17h5m6 0v1a3 3 0 11-6 0v-1m6 0H9" /></svg>');
}
#app-mount .sidebar-nqHbhN .item-3XjbnG[aria-controls=Keybinds-tab]:before {
-webkit-mask-image: url('data:image/svg+xml; utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 18" fill="none" x="0px" y="0px"><path d="M14 6C14.5523 6 15 5.55228 15 5C15 4.44772 14.5523 4 14 4C13.4477 4 13 4.44772 13 5C13 5.55228 13.4477 6 14 6Z" fill="black"></path><path d="M11 5C11 5.55228 10.5523 6 10 6C9.44771 6 9 5.55228 9 5C9 4.44772 9.44771 4 10 4C10.5523 4 11 4.44772 11 5Z" fill="black"></path><path d="M6 6C6.55228 6 7 5.55228 7 5C7 4.44772 6.55228 4 6 4C5.44772 4 5 4.44772 5 5C5 5.55228 5.44772 6 6 6Z" fill="black"></path><path d="M15 9C15 9.55229 14.5523 10 14 10C13.4477 10 13 9.55229 13 9C13 8.44771 13.4477 8 14 8C14.5523 8 15 8.44771 15 9Z" fill="black"></path><path d="M10 10C10.5523 10 11 9.55229 11 9C11 8.44771 10.5523 8 10 8C9.44771 8 9 8.44771 9 9C9 9.55229 9.44771 10 10 10Z" fill="black"></path><path d="M7 9C7 9.55229 6.55228 10 6 10C5.44772 10 5 9.55229 5 9C5 8.44771 5.44772 8 6 8C6.55228 8 7 8.44771 7 9Z" fill="black"></path><path d="M6 14C6.55228 14 7 13.5523 7 13C7 12.4477 6.55228 12 6 12C5.44772 12 5 12.4477 5 13C5 13.5523 5.44772 14 6 14Z" fill="black"></path><path d="M27 5C27 5.55228 26.5523 6 26 6C25.4477 6 25 5.55228 25 5C25 4.44772 25.4477 4 26 4C26.5523 4 27 4.44772 27 5Z" fill="black"></path><path d="M22 6C22.5523 6 23 5.55228 23 5C23 4.44772 22.5523 4 22 4C21.4477 4 21 4.44772 21 5C21 5.55228 21.4477 6 22 6Z" fill="black"></path><path d="M19 5C19 5.55228 18.5523 6 18 6C17.4477 6 17 5.55228 17 5C17 4.44772 17.4477 4 18 4C18.5523 4 19 4.44772 19 5Z" fill="black"></path><path d="M26 10C26.5523 10 27 9.55229 27 9C27 8.44771 26.5523 8 26 8C25.4477 8 25 8.44771 25 9C25 9.55229 25.4477 10 26 10Z" fill="black"></path><path d="M23 9C23 9.55229 22.5523 10 22 10C21.4477 10 21 9.55229 21 9C21 8.44771 21.4477 8 22 8C22.5523 8 23 8.44771 23 9Z" fill="black"></path><path d="M18 10C18.5523 10 19 9.55229 19 9C19 8.44771 18.5523 8 18 8C17.4477 8 17 8.44771 17 9C17 9.55229 17.4477 10 18 10Z" fill="black"></path><path d="M27 13C27 13.5523 26.5523 14 26 14C25.4477 14 25 13.5523 25 13C25 12.4477 25.4477 12 26 12C26.5523 12 27 12.4477 27 13Z" fill="black"></path><path d="M10 12C9.44771 12 9 12.4477 9 13C9 13.5523 9.44771 14 10 14H22C22.5523 14 23 13.5523 23 13C23 12.4477 22.5523 12 22 12H10Z" fill="black"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M3 0C1.34315 0 0 1.34315 0 3V15C0 16.6569 1.34315 18 3 18H29C30.6569 18 32 16.6569 32 15V3C32 1.34315 30.6569 0 29 0H3ZM2 3C2 2.44772 2.44772 2 3 2H29C29.5523 2 30 2.44772 30 3V15C30 15.5523 29.5523 16 29 16H3C2.44772 16 2 15.5523 2 15V3Z" fill="black"></path></svg>');
mask-image: url('data:image/svg+xml; utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 18" fill="none" x="0px" y="0px"><path d="M14 6C14.5523 6 15 5.55228 15 5C15 4.44772 14.5523 4 14 4C13.4477 4 13 4.44772 13 5C13 5.55228 13.4477 6 14 6Z" fill="black"></path><path d="M11 5C11 5.55228 10.5523 6 10 6C9.44771 6 9 5.55228 9 5C9 4.44772 9.44771 4 10 4C10.5523 4 11 4.44772 11 5Z" fill="black"></path><path d="M6 6C6.55228 6 7 5.55228 7 5C7 4.44772 6.55228 4 6 4C5.44772 4 5 4.44772 5 5C5 5.55228 5.44772 6 6 6Z" fill="black"></path><path d="M15 9C15 9.55229 14.5523 10 14 10C13.4477 10 13 9.55229 13 9C13 8.44771 13.4477 8 14 8C14.5523 8 15 8.44771 15 9Z" fill="black"></path><path d="M10 10C10.5523 10 11 9.55229 11 9C11 8.44771 10.5523 8 10 8C9.44771 8 9 8.44771 9 9C9 9.55229 9.44771 10 10 10Z" fill="black"></path><path d="M7 9C7 9.55229 6.55228 10 6 10C5.44772 10 5 9.55229 5 9C5 8.44771 5.44772 8 6 8C6.55228 8 7 8.44771 7 9Z" fill="black"></path><path d="M6 14C6.55228 14 7 13.5523 7 13C7 12.4477 6.55228 12 6 12C5.44772 12 5 12.4477 5 13C5 13.5523 5.44772 14 6 14Z" fill="black"></path><path d="M27 5C27 5.55228 26.5523 6 26 6C25.4477 6 25 5.55228 25 5C25 4.44772 25.4477 4 26 4C26.5523 4 27 4.44772 27 5Z" fill="black"></path><path d="M22 6C22.5523 6 23 5.55228 23 5C23 4.44772 22.5523 4 22 4C21.4477 4 21 4.44772 21 5C21 5.55228 21.4477 6 22 6Z" fill="black"></path><path d="M19 5C19 5.55228 18.5523 6 18 6C17.4477 6 17 5.55228 17 5C17 4.44772 17.4477 4 18 4C18.5523 4 19 4.44772 19 5Z" fill="black"></path><path d="M26 10C26.5523 10 27 9.55229 27 9C27 8.44771 26.5523 8 26 8C25.4477 8 25 8.44771 25 9C25 9.55229 25.4477 10 26 10Z" fill="black"></path><path d="M23 9C23 9.55229 22.5523 10 22 10C21.4477 10 21 9.55229 21 9C21 8.44771 21.4477 8 22 8C22.5523 8 23 8.44771 23 9Z" fill="black"></path><path d="M18 10C18.5523 10 19 9.55229 19 9C19 8.44771 18.5523 8 18 8C17.4477 8 17 8.44771 17 9C17 9.55229 17.4477 10 18 10Z" fill="black"></path><path d="M27 13C27 13.5523 26.5523 14 26 14C25.4477 14 25 13.5523 25 13C25 12.4477 25.4477 12 26 12C26.5523 12 27 12.4477 27 13Z" fill="black"></path><path d="M10 12C9.44771 12 9 12.4477 9 13C9 13.5523 9.44771 14 10 14H22C22.5523 14 23 13.5523 23 13C23 12.4477 22.5523 12 22 12H10Z" fill="black"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M3 0C1.34315 0 0 1.34315 0 3V15C0 16.6569 1.34315 18 3 18H29C30.6569 18 32 16.6569 32 15V3C32 1.34315 30.6569 0 29 0H3ZM2 3C2 2.44772 2.44772 2 3 2H29C29.5523 2 30 2.44772 30 3V15C30 15.5523 29.5523 16 29 16H3C2.44772 16 2 15.5523 2 15V3Z" fill="black"></path></svg>');
}
#app-mount .sidebar-nqHbhN .item-3XjbnG[aria-controls=Language-tab]:before {
-webkit-mask-image: url('data:image/svg+xml; utf-8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M21 12a9 9 0 01-9 9m9-9a9 9 0 00-9-9m9 9H3m9 9a9 9 0 01-9-9m9 9c1.657 0 3-4.03 3-9s-1.343-9-3-9m0 18c-1.657 0-3-4.03-3-9s1.343-9 3-9m-9 9a9 9 0 019-9" /></svg>');
mask-image: url('data:image/svg+xml; utf-8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M21 12a9 9 0 01-9 9m9-9a9 9 0 00-9-9m9 9H3m9 9a9 9 0 01-9-9m9 9c1.657 0 3-4.03 3-9s-1.343-9-3-9m0 18c-1.657 0-3-4.03-3-9s1.343-9 3-9m-9 9a9 9 0 019-9" /></svg>');
}
#app-mount .sidebar-nqHbhN .item-3XjbnG[aria-controls="Streamer Mode-tab"]:before {
-webkit-mask-image: url('data:image/svg+xml; utf-8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 10l4.553-2.276A1 1 0 0121 8.618v6.764a1 1 0 01-1.447.894L15 14M5 18h8a2 2 0 002-2V8a2 2 0 00-2-2H5a2 2 0 00-2 2v8a2 2 0 002 2z" /></svg>');
mask-image: url('data:image/svg+xml; utf-8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 10l4.553-2.276A1 1 0 0121 8.618v6.764a1 1 0 01-1.447.894L15 14M5 18h8a2 2 0 002-2V8a2 2 0 00-2-2H5a2 2 0 00-2 2v8a2 2 0 002 2z" /></svg>');
}
#app-mount .sidebar-nqHbhN .item-3XjbnG[aria-controls=Advanced-tab]:before {
-webkit-mask-image: url('data:image/svg+xml; utf-8,<svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 3v2m6-2v2M9 19v2m6-2v2M5 9H3m2 6H3m18-6h-2m2 6h-2M7 19h10a2 2 0 002-2V7a2 2 0 00-2-2H7a2 2 0 00-2 2v10a2 2 0 002 2zM9 9h6v6H9V9z" /></svg>');
mask-image: url('data:image/svg+xml; utf-8,<svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 3v2m6-2v2M9 19v2m6-2v2M5 9H3m2 6H3m18-6h-2m2 6h-2M7 19h10a2 2 0 002-2V7a2 2 0 00-2-2H7a2 2 0 00-2 2v10a2 2 0 002 2zM9 9h6v6H9V9z" /></svg>');
}
#app-mount .sidebar-nqHbhN .item-3XjbnG[aria-controls="Game Activity-tab"]:before {
-webkit-mask-image: url('data:image/svg+xml; utf-8,<svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 5c7.18 0 13 5.82 13 13M6 11a7 7 0 017 7m-6 0a1 1 0 11-2 0 1 1 0 012 0z" /></svg>');
mask-image: url('data:image/svg+xml; utf-8,<svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 5c7.18 0 13 5.82 13 13M6 11a7 7 0 017 7m-6 0a1 1 0 11-2 0 1 1 0 012 0z" /></svg>');
}
#app-mount .sidebar-nqHbhN .item-3XjbnG[aria-controls=Overlay-tab]:before {
-webkit-mask-image: url('data:image/svg+xml; utf-8,<svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9.75 17L9 20l-1 1h8l-1-1-.75-3M3 13h18M5 17h14a2 2 0 002-2V5a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z" /></svg>');
mask-image: url('data:image/svg+xml; utf-8,<svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9.75 17L9 20l-1 1h8l-1-1-.75-3M3 13h18M5 17h14a2 2 0 002-2V5a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z" /></svg>');
}
#app-mount .sidebar-nqHbhN .item-3XjbnG[aria-controls=changelog-tab]:before {
-webkit-mask-image: url('data:image/svg+xml; utf-8,<svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z" /></svg>');
mask-image: url('data:image/svg+xml; utf-8,<svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z" /></svg>');
}
#app-mount .sidebar-nqHbhN .item-3XjbnG[aria-controls="Hypesquad Online-tab"] {
color: rgb(var(--discord-yellow));
}
#app-mount .sidebar-nqHbhN .item-3XjbnG[aria-controls="Hypesquad Online-tab"]::before {
background: currentColor;
-webkit-mask: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAABtlBMVEX///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////8cWrVBAAAAkXRSTlMAAgQGBwgJCgsMDxASFBYYGRobHiAhIiUmKy0vMDEyMzQ1Njo7PT4/QEFCQ0RFRkdISUpLTFJUVVZXWFlaW15fY2VmaG1ub3FzdnqAgYSFh4iMj5CcpKWmp6msrq+ys7W2uLm9vr/AwcPHycrR1dfY2tzd4OLj5OXm5+jp6uvs7e7v8PHy8/T19vf4+fr7/P3+W+BOyQAAAptJREFUeAHd0+dXE00UBvD7viKiFHtBIQRUFBcTgghKEbEoFsUiFrEXsKCiEBCMwKZQWAI8/7GkzJ3Mnh3ILl88/j4m55k7985d+vdV9jfRRlSEEW/YSH4EQML7Cb4RpMRDXuuPIsPjHSpFHt7m4AsDnk/gPIs1ur1/GKpoyF39MdhF3XTh5/re5lA1Cht3++Cz5VksvxMqf0Inlk8X/jHoJYLr96/J81a76N/LJH22/t2+ZvU41pcI6fN8f29d+PV5VbTRuX6q/6SFta1Yui/LP4FV4WNvsZYvdS81O1mdef/lzv+6Tegs3isuizjPoUbsz/dCOvQGzgYNogfOk6yR73eNiC5FwNjCna1E5bOOb1E9ATZcQkT7n8PuUy2temzfaq4v3aCUi8pvmL29hVZVzUOaCVLGYXV/x3dQyr4nkD4cobQ+daNOUdpnqHooo3NElL9eQGlHLSiGKS0wDcXv3ZSxpxcpA1WU9QKKpXOUUWdCcZeEZwC+FlOWsYxcyQ4SjqsnzBwkMZ4loIuyCt6pW9VB0gl5wmxkeuYyCU8xtI0fe2ryV0TWb6NcBs+hr6x0VxEJtegmYVNZaeGFFVt9Zpjin4cllOPqdsrB38lCO9nV8R1+NJGzva+QNSfzkjHF3/ytzeSgOQy1vv4EDFSQXdF9CFYHOas3IZhdpKr5KN+vnXSMGFivMr0rCQgLraRnRMG+BUjY+QjMaiNn/JosefN/SgsNgS1yfY36KKT35akN7knmk2dGHNLkeTrQD8lqIR3NHfB6DNDMT+ukCWeWPq8KRMFc1WeBGBibP0P5C5iwmztLbgRNe31NXisY9Xh/FoxBsjjvQiAu5895D3fgvAcN8Uz+NHkVTKTyzcS8dDHfQhvRONhKf7k/wAkpHhg8G8cAAAAASUVORK5CYII=") center/cover no-repeat;
mask: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAABtlBMVEX///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////8cWrVBAAAAkXRSTlMAAgQGBwgJCgsMDxASFBYYGRobHiAhIiUmKy0vMDEyMzQ1Njo7PT4/QEFCQ0RFRkdISUpLTFJUVVZXWFlaW15fY2VmaG1ub3FzdnqAgYSFh4iMj5CcpKWmp6msrq+ys7W2uLm9vr/AwcPHycrR1dfY2tzd4OLj5OXm5+jp6uvs7e7v8PHy8/T19vf4+fr7/P3+W+BOyQAAAptJREFUeAHd0+dXE00UBvD7viKiFHtBIQRUFBcTgghKEbEoFsUiFrEXsKCiEBCMwKZQWAI8/7GkzJ3Mnh3ILl88/j4m55k7985d+vdV9jfRRlSEEW/YSH4EQML7Cb4RpMRDXuuPIsPjHSpFHt7m4AsDnk/gPIs1ur1/GKpoyF39MdhF3XTh5/re5lA1Cht3++Cz5VksvxMqf0Inlk8X/jHoJYLr96/J81a76N/LJH22/t2+ZvU41pcI6fN8f29d+PV5VbTRuX6q/6SFta1Yui/LP4FV4WNvsZYvdS81O1mdef/lzv+6Tegs3isuizjPoUbsz/dCOvQGzgYNogfOk6yR73eNiC5FwNjCna1E5bOOb1E9ATZcQkT7n8PuUy2temzfaq4v3aCUi8pvmL29hVZVzUOaCVLGYXV/x3dQyr4nkD4cobQ+daNOUdpnqHooo3NElL9eQGlHLSiGKS0wDcXv3ZSxpxcpA1WU9QKKpXOUUWdCcZeEZwC+FlOWsYxcyQ4SjqsnzBwkMZ4loIuyCt6pW9VB0gl5wmxkeuYyCU8xtI0fe2ryV0TWb6NcBs+hr6x0VxEJtegmYVNZaeGFFVt9Zpjin4cllOPqdsrB38lCO9nV8R1+NJGzva+QNSfzkjHF3/ytzeSgOQy1vv4EDFSQXdF9CFYHOas3IZhdpKr5KN+vnXSMGFivMr0rCQgLraRnRMG+BUjY+QjMaiNn/JosefN/SgsNgS1yfY36KKT35akN7knmk2dGHNLkeTrQD8lqIR3NHfB6DNDMT+ukCWeWPq8KRMFc1WeBGBibP0P5C5iwmztLbgRNe31NXisY9Xh/FoxBsjjvQiAu5895D3fgvAcN8Uz+NHkVTKTyzcS8dDHfQhvRONhKf7k/wAkpHhg8G8cAAAAASUVORK5CYII=") center/cover no-repeat;
}
#app-mount .sidebar-nqHbhN .item-3XjbnG[aria-controls="Hypesquad Online-tab"].selected-g-kMVV {
color: var(--white);
background: rgb(var(--discord-yellow));
}
#app-mount .sidebar-nqHbhN .item-3XjbnG[aria-controls=logout-tab]::before {
-webkit-mask-image: url('data:image/svg+xml; utf-8,<svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17 16l4-4m0 0l-4-4m4 4H7m6 4v1a3 3 0 01-3 3H6a3 3 0 01-3-3V7a3 3 0 013-3h4a3 3 0 013 3v1" /></svg>');
mask-image: url('data:image/svg+xml; utf-8,<svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17 16l4-4m0 0l-4-4m4 4H7m6 4v1a3 3 0 01-3 3H6a3 3 0 01-3-3V7a3 3 0 013-3h4a3 3 0 013 3v1" /></svg>');
background: rgb(var(--discord-red));
}
#app-mount .sidebar-nqHbhN .item-3XjbnG[aria-controls=logout-tab][style*="background-color: rgba(240, 71, 71, 0.1)"] {
background: transparent !important;
}
#app-mount .sidebar-nqHbhN .item-3XjbnG[aria-controls=logout-tab][style*="background-color: rgb(240, 71, 71)"]:before {
background: #fff !important;
}
#app-mount .sidebar-nqHbhN .item-3XjbnG[aria-controls=Emotes-tab]:before {
-webkit-mask-image: url('data:image/svg+xml; utf-8,<svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M14.828 14.828a4 4 0 01-5.656 0M9 10h.01M15 10h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z" /></svg>');
mask-image: url('data:image/svg+xml; utf-8,<svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M14.828 14.828a4 4 0 01-5.656 0M9 10h.01M15 10h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z" /></svg>');
-webkit-mask-size: 14px;
mask-size: 14px;
}
#app-mount .sidebar-nqHbhN .item-3XjbnG[aria-controls=plugins-tab]:before {
-webkit-mask-image: url('data:image/svg+xml; utf-8,<svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M11 4a2 2 0 114 0v1a1 1 0 001 1h3a1 1 0 011 1v3a1 1 0 01-1 1h-1a2 2 0 100 4h1a1 1 0 011 1v3a1 1 0 01-1 1h-3a1 1 0 01-1-1v-1a2 2 0 10-4 0v1a1 1 0 01-1 1H7a1 1 0 01-1-1v-3a1 1 0 00-1-1H4a2 2 0 110-4h1a1 1 0 001-1V7a1 1 0 011-1h3a1 1 0 001-1V4z" /></svg>');
mask-image: url('data:image/svg+xml; utf-8,<svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M11 4a2 2 0 114 0v1a1 1 0 001 1h3a1 1 0 011 1v3a1 1 0 01-1 1h-1a2 2 0 100 4h1a1 1 0 011 1v3a1 1 0 01-1 1h-3a1 1 0 01-1-1v-1a2 2 0 10-4 0v1a1 1 0 01-1 1H7a1 1 0 01-1-1v-3a1 1 0 00-1-1H4a2 2 0 110-4h1a1 1 0 001-1V7a1 1 0 011-1h3a1 1 0 001-1V4z" /></svg>');
}
#app-mount .sidebar-nqHbhN .item-3XjbnG[aria-controls=themes-tab]:before {
-webkit-mask-image: url('data:image/svg+xml; utf-8,<svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M7 21a4 4 0 01-4-4V5a2 2 0 012-2h4a2 2 0 012 2v12a4 4 0 01-4 4zm0 0h12a2 2 0 002-2v-4a2 2 0 00-2-2h-2.343M11 7.343l1.657-1.657a2 2 0 012.828 0l2.829 2.829a2 2 0 010 2.828l-8.486 8.485M7 17h.01" /></svg>');
mask-image: url('data:image/svg+xml; utf-8,<svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M7 21a4 4 0 01-4-4V5a2 2 0 012-2h4a2 2 0 012 2v12a4 4 0 01-4 4zm0 0h12a2 2 0 002-2v-4a2 2 0 00-2-2h-2.343M11 7.343l1.657-1.657a2 2 0 012.828 0l2.829 2.829a2 2 0 010 2.828l-8.486 8.485M7 17h.01" /></svg>');
}
#app-mount .sidebar-nqHbhN .item-3XjbnG[aria-controls=customcss-tab]:before {
-webkit-mask-image: url('data:image/svg+xml; utf-8,<svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 20l4-16m4 4l4 4-4 4M6 16l-4-4 4-4" /></svg>');
mask-image: url('data:image/svg+xml; utf-8,<svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 20l4-16m4 4l4 4-4 4M6 16l-4-4 4-4" /></svg>');
}
#app-mount .sidebar-nqHbhN .item-3XjbnG[aria-controls=OVERVIEW-tab]:before {
-webkit-mask-image: url('data:image/svg+xml; utf-8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 12a3 3 0 11-6 0 3 3 0 016 0z" /><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M2.458 12C3.732 7.943 7.523 5 12 5c4.478 0 8.268 2.943 9.542 7-1.274 4.057-5.064 7-9.542 7-4.477 0-8.268-2.943-9.542-7z" /></svg>');
mask-image: url('data:image/svg+xml; utf-8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 12a3 3 0 11-6 0 3 3 0 016 0z" /><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M2.458 12C3.732 7.943 7.523 5 12 5c4.478 0 8.268 2.943 9.542 7-1.274 4.057-5.064 7-9.542 7-4.477 0-8.268-2.943-9.542-7z" /></svg>');
}
#app-mount .sidebar-nqHbhN .item-3XjbnG[aria-controls=ROLES-tab]:before {
-webkit-mask-image: url('data:image/svg+xml; utf-8,<svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 10h16M4 14h16M4 18h16" /></svg>');
mask-image: url('data:image/svg+xml; utf-8,<svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 10h16M4 14h16M4 18h16" /></svg>');
}
#app-mount .sidebar-nqHbhN .item-3XjbnG[aria-controls=EMOJI-tab]:before {
-webkit-mask-image: url('data:image/svg+xml; utf-8,<svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M14.828 14.828a4 4 0 01-5.656 0M9 10h.01M15 10h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z" /></svg>');
mask-image: url('data:image/svg+xml; utf-8,<svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M14.828 14.828a4 4 0 01-5.656 0M9 10h.01M15 10h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z" /></svg>');
}
#app-mount .sidebar-nqHbhN .item-3XjbnG[aria-controls=AUDIT_LOG-tab]:before {
-webkit-mask-image: url('data:image/svg+xml; utf-8,<svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z" /></svg>');
mask-image: url('data:image/svg+xml; utf-8,<svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z" /></svg>');
}
#app-mount .sidebar-nqHbhN .item-3XjbnG[aria-controls=INTEGRATIONS-tab]:before {
-webkit-mask-image: url('data:image/svg+xml; utf-8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13.828 10.172a4 4 0 00-5.656 0l-4 4a4 4 0 105.656 5.656l1.102-1.101m-.758-4.899a4 4 0 005.656 0l4-4a4 4 0 00-5.656-5.656l-1.1 1.1" /></svg>');
mask-image: url('data:image/svg+xml; utf-8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13.828 10.172a4 4 0 00-5.656 0l-4 4a4 4 0 105.656 5.656l1.102-1.101m-.758-4.899a4 4 0 005.656 0l4-4a4 4 0 00-5.656-5.656l-1.1 1.1" /></svg>');
}
#app-mount .sidebar-nqHbhN .item-3XjbnG[aria-controls=GUILD_TEMPLATES-tab]:before {
-webkit-mask-image: url('data:image/svg+xml; utf-8,<svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 5a1 1 0 011-1h14a1 1 0 011 1v2a1 1 0 01-1 1H5a1 1 0 01-1-1V5zM4 13a1 1 0 011-1h6a1 1 0 011 1v6a1 1 0 01-1 1H5a1 1 0 01-1-1v-6zM16 13a1 1 0 011-1h2a1 1 0 011 1v6a1 1 0 01-1 1h-2a1 1 0 01-1-1v-6z" /></svg>');
mask-image: url('data:image/svg+xml; utf-8,<svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 5a1 1 0 011-1h14a1 1 0 011 1v2a1 1 0 01-1 1H5a1 1 0 01-1-1V5zM4 13a1 1 0 011-1h6a1 1 0 011 1v6a1 1 0 01-1 1H5a1 1 0 01-1-1v-6zM16 13a1 1 0 011-1h2a1 1 0 011 1v6a1 1 0 01-1 1h-2a1 1 0 01-1-1v-6z" /></svg>');
}
#app-mount .sidebar-nqHbhN .item-3XjbnG[aria-controls=GUILD_PREMIUM-tab] {
color: #7289da;
}
#app-mount .sidebar-nqHbhN .item-3XjbnG[aria-controls=GUILD_PREMIUM-tab] svg {
display: none;
}
#app-mount .sidebar-nqHbhN .item-3XjbnG[aria-controls=GUILD_PREMIUM-tab]::before {
-webkit-mask-image: url('data:image/svg+xml; utf-8,<svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 10V3L4 14h7v7l9-11h-7z" /></svg>');
mask-image: url('data:image/svg+xml; utf-8,<svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 10V3L4 14h7v7l9-11h-7z" /></svg>');
background: #7289da;
}
#app-mount .sidebar-nqHbhN .item-3XjbnG[aria-controls=GUILD_PREMIUM-tab].selected-g-kMVV:before {
background: #fff;
}
#app-mount .sidebar-nqHbhN .item-3XjbnG[aria-controls=MEMBERS-tab]:before {
-webkit-mask-image: url('data:image/svg+xml; utf-8,<svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 4.354a4 4 0 110 5.292M15 21H3v-1a6 6 0 0112 0v1zm0 0h6v-1a6 6 0 00-9-5.197M13 7a4 4 0 11-8 0 4 4 0 018 0z" /></svg>');
mask-image: url('data:image/svg+xml; utf-8,<svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 4.354a4 4 0 110 5.292M15 21H3v-1a6 6 0 0112 0v1zm0 0h6v-1a6 6 0 00-9-5.197M13 7a4 4 0 11-8 0 4 4 0 018 0z" /></svg>');
}
#app-mount .sidebar-nqHbhN .item-3XjbnG[aria-controls=INSTANT_INVITES-tab]:before {
-webkit-mask-image: url('data:image/svg+xml; utf-8,<svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M18 9v3m0 0v3m0-3h3m-3 0h-3m-2-5a4 4 0 11-8 0 4 4 0 018 0zM3 20a6 6 0 0112 0v1H3v-1z" /></svg>');
mask-image: url('data:image/svg+xml; utf-8,<svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M18 9v3m0 0v3m0-3h3m-3 0h-3m-2-5a4 4 0 11-8 0 4 4 0 018 0zM3 20a6 6 0 0112 0v1H3v-1z" /></svg>');
}
#app-mount .sidebar-nqHbhN .item-3XjbnG[aria-controls=BANS-tab]:before {
-webkit-mask-image: url('data:image/svg+xml; utf-8,<svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M20.618 5.984A11.955 11.955 0 0112 2.944a11.955 11.955 0 01-8.618 3.04A12.02 12.02 0 003 9c0 5.591 3.824 10.29 9 11.622 5.176-1.332 9-6.03 9-11.622 0-1.042-.133-2.052-.382-3.016zM12 9v2m0 4h.01" /></svg>');
mask-image: url('data:image/svg+xml; utf-8,<svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M20.618 5.984A11.955 11.955 0 0112 2.944a11.955 11.955 0 01-8.618 3.04A12.02 12.02 0 003 9c0 5.591 3.824 10.29 9 11.622 5.176-1.332 9-6.03 9-11.622 0-1.042-.133-2.052-.382-3.016zM12 9v2m0 4h.01" /></svg>');
}
#app-mount .layer-86YKbF[aria-label*=SETTINGS] .accountProfileCard-lbN7n- {
background: var(--bg-lvl-1);
}
#app-mount .layer-86YKbF[aria-label*=SETTINGS] .background-3d_SjE {
background: var(--bg-lvl-2);
border-radius: var(--rounded-large);
}
#app-mount .layer-86YKbF[aria-label*=SETTINGS] .avatarUploaderInner-yEhTv5 {
border-radius: var(--rounded-large);
background-color: rgb(var(--accent));
}
#app-mount .layer-86YKbF[aria-label*=SETTINGS] .avatarUploaderIndicator-2G-aIZ {
border-radius: var(--rounded-small);
box-shadow: none;
}
#app-mount .layer-86YKbF[aria-label*=SETTINGS] .fieldList-in8WkP {
background: var(--bg-lvl-2);
}
#app-mount .layer-86YKbF[aria-label*=SETTINGS] .accountList-305sx3 {
border-radius: var(--rounded-large);
background: var(--bg-lvl-1);
}
#app-mount .layer-86YKbF[aria-label*=SETTINGS] .accountBtnInner-3XK70s {
background-color: var(--bg-lvl-2);
transition: background 0.15s ease;
}
#app-mount .layer-86YKbF[aria-label*=SETTINGS] .accountBtnInner-3XK70s:hover {
background-color: var(--bg-lvl-3);
}
#app-mount .layer-86YKbF[aria-label*=SETTINGS] .connection-107AGH {
background: var(--bg-lvl-1);
border-radius: var(--rounded-large);
}
#app-mount .layer-86YKbF[aria-label*=SETTINGS] .connectionHeader-2rV1ze {
background: var(--bg-lvl-2);
}
#app-mount .layer-86YKbF[aria-label*=SETTINGS] .integration-1f5IUi {
background: var(--bg-lvl-0);
}
#app-mount .layer-86YKbF[aria-label*=SETTINGS] .preview-rua1rr {
display: none;
}
#app-mount .layer-86YKbF[aria-label*=GUILD_SETTINGS] .contentWidth-3aWel5 {
width: 100%;
min-width: unset;
max-width: unset;
padding: 0 calc(var(--spacing-xl) * 2);
}
#app-mount .layer-86YKbF[aria-label*=GUILD_SETTINGS] .header-JUTO-g,
#app-mount .layer-86YKbF[aria-label*=GUILD_SETTINGS] .titleContainer-3fPic2 {
background: var(--bg-lvl-0);
padding-top: var(--spacing-xl);
}
#app-mount .container-2cd8Mz {
background: transparent;
width: calc(100vw - var(--sidebar-width) - 72px - var(--app-spacing) * 3);
}
#app-mount .tabBody-2dgbAs::before {
content: none;
}
#app-mount .peopleList-2VBrVI {
margin-top: var(--app-spacing);
padding-bottom: 0;
}
#app-mount .peopleList-2VBrVI > div {
margin-right: var(--spacing-xl);
margin-top: calc(var(--app-spacing) / -1 * 2);
}
#app-mount .peopleListItem-u6dGxF {
border: none;
border-radius: var(--rounded-large);
background: var(--bg-lvl-1);
margin: 0 0 var(--spacing);
padding: 0 var(--spacing-lg);
}
#app-mount .nowPlayingColumn-1eCBCN {
margin: var(--app-spacing) 0 0 var(--app-spacing);
border-radius: var(--rounded-large);
box-shadow: var(--elevation-close);
overflow: hidden;
min-width: unset;
}
#app-mount .container-1oAagU {
background: var(--bg-lvl-1);
}
#app-mount .header-Imy05m {
margin-top: 0;
}
#app-mount .scroller-hE2gWq {
border: none;
margin-left: 0;
padding: var(--spacing-xl);
}
#app-mount .section-3G9aLW {
background: var(--bg-lvl-1);
padding: var(--spacing);
}
#app-mount .wrapper-2RrXDg {
padding: var(--spacing-xl);
border: none;
background: var(--bg-lvl-2);
border-radius: var(--rounded-small);
}
#app-mount .wrapper-2RrXDg:hover {
background: var(--bg-lvl-3);
}
#app-mount .wrapper-2RrXDg:hover .section-3G9aLW {
background: var(--bg-lvl-2);
}
@media only screen and (max-width: 1740px) {
.nowPlayingColumn-1eCBCN {
display: none;
}
}
#app-mount .applicationStore-2nk7Lo {
background: transparent;
}
#app-mount .scroller-29cQFV {
background: transparent;
}
#app-mount .bd-settings-title {
margin-bottom: 0;
}
#app-mount .bd-addon-controls {
position: -webkit-sticky;
position: sticky;
top: 0px;
background: var(--bg-lvl-0);
padding: var(--spacing-3xl) 0;
z-index: 1;
}
#app-mount .bd-view-button {
border-radius: var(--rounded-small);
}
#app-mount .bd-view-button:focus {
box-shadow: none;
}
#app-mount .bd-view-button.selected {
background: rgb(var(--accent));
}
#app-mount .bd-search-wrapper {
background: var(--bg-lvl-1);
border-radius: var(--rounded-small);
position: relative;
padding: 0;
}
#app-mount .bd-search-wrapper svg {
position: absolute;
pointer-events: none;
right: var(--spacing);
width: 18px !important;
height: 18px !important;
}
#app-mount .bd-search-wrapper:focus-within {
background: var(--bg-lvl-2);
}
#app-mount .bd-search {
font-size: 14px;
padding: var(--spacing) calc(var(--spacing-2xl) * 2) var(--spacing) var(--spacing-lg);
width: 350px;
}
#app-mount .bd-addon-list {
margin-top: 0;
}
#app-mount .bd-addon-card {
background: var(--bg-lvl-1);
}
#app-mount .bd-addon-header {
background: var(--bg-lvl-2);
}
#app-mount #iPadOS-card .bd-description:after {
display: block;
margin-top: var(--spacing-xs);
white-space: pre-wrap;
content: "File version: " var(--ipados-file-version) "\a Base version: " var(--ipados-base-version);
}
html.platform-osx .macButtons-eIdy0e {
margin: var(--app-spacing) 0 0 var(--app-spacing);
}
html.platform-osx #app-mount .guilds-2JjMmN .tree-3agP2X {
margin-top: 32px;
}
html.platform-osx #app-mount .guilds-2JjMmN .scroller-3X7KbA {
padding-top: 0;
}
html.platform-osx #app-mount .guilds-2JjMmN .unreadMentionsIndicatorTop-2bTgUU {
top: 32px;
}
html.platform-osx #app-mount #search-results.container-2McqkF {
top: calc(20% + 64px + var(--spacing-xl));
}
#app-mount .typeWindows-2-g3UY {
position: absolute;
width: 100vw;
z-index: 1;
}
#app-mount .typeWindows-2-g3UY::after {
content: "";
position: absolute;
top: calc(var(--win-btns-top) - 4px);
right: var(--app-spacing);
width: 156px;
height: 52px;
border-radius: var(--rounded-large);
z-index: 0;
box-shadow: var(--elevation-close);
}
#app-mount .wordmarkWindows-2dq6rw {
display: none;
}
#app-mount .winButton-3UMjdg {
top: calc(var(--win-btns-top) - 4px);
right: var(--app-spacing);
background: var(--bg-lvl-1);
height: 52px;
width: 52px;
z-index: 1;
}
#app-mount .winButton-3UMjdg:hover {
background: var(--bg-lvl-2);
}
#app-mount .winButtonMinMax-3RsPUg:nth-child(4) {
border-radius: var(--rounded-large) 0 0 var(--rounded-large);
}
#app-mount .winButtonClose-3Q8ZH5 {
border-radius: 0 var(--rounded-large) var(--rounded-large) 0;
}
#app-mount .winButtonClose-3Q8ZH5:hover {
background: rgb(var(--discord-red));
}
@media only screen and (max-width: 1000px) {
#app-mount .base-2jDfDU {
margin: var(--app-spacing);
}
#app-mount .sidebar-1tnWFu {
width: 0;
transition: 0.15s ease width;
position: absolute;
z-index: 900;
margin-left: calc(var(--app-spacing) / -1);
height: 100%;
}
#app-mount .sidebar-1tnWFu:hover {
width: var(--sidebar-width);
}
#app-mount .sidebar-1tnWFu:hover::before {
content: "";
position: absolute;
top: 0;
left: -10px;
height: 100%;
width: 10px;
background: var(--bg-lvl-2);
height: calc(100% - var(--app-spacing) - 64px);
z-index: 1;
pointer-events: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
#app-mount .sidebar-1tnWFu:hover::after {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
height: calc(100% - var(--app-spacing) - 64px);
border-radius: 0 var(--rounded-large) var(--rounded-large) 0;
box-shadow: var(--elevation-far);
}
#app-mount .container-YkUktl {
overflow: hidden;
}
#app-mount .guilds-2JjMmN {
border-radius: var(--rounded-large);
transition: 0.15s ease border-radius;
transition-delay: 0.2s;
}
#app-mount .guilds-2JjMmN::after {
width: 72px;
transition: 0.15s ease width;
}
#app-mount .guilds-2JjMmN:hover {
border-radius: var(--rounded-large) 0 0 var(--rounded-large);
transition: none;
}
#app-mount .guilds-2JjMmN:hover + .base-2jDfDU .sidebar-1tnWFu {
width: var(--sidebar-width);
}
#app-mount .guilds-2JjMmN:hover::after {
width: calc(var(--sidebar-width) + 72px);
box-shadow: var(--elevation-far);
z-index: 900;
}
.platform-osx .guilds-2JjMmN:hover + .base-2jDfDU .container-ZMc96U,
.platform-osx .sidebar-1tnWFu:hover + .chat-2ZfjoI .container-ZMc96U {
background: red;
-webkit-app-region: none;
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment