Created
February 4, 2022 22:52
-
-
Save ItsJustJoshDev/58af6f74adfda392beb0ac36f8ecba8a to your computer and use it in GitHub Desktop.
a Discord Theme Fixed With This https://laynetheepic.github.io/projects/pc-theme-converter/
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
: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