Skip to content

Instantly share code, notes, and snippets.

@iJyrs

iJyrs/Discord.css

Created September 6, 2020 03:42
Show Gist options
  • Save iJyrs/e33bb9c1fdf4779e3f35f23e6528c98a to your computer and use it in GitHub Desktop.
Save iJyrs/e33bb9c1fdf4779e3f35f23e6528c98a to your computer and use it in GitHub Desktop.
Download ZIP
Raw
Discord.css
/*! ClearVision v6.0.1 by the CV team *//*! Powered by DiscordSelectors v0.2.7 */
:root {
--main-color: #2780e6;
--hover-color: #1e63b3;
--success-color: #43b581;
--danger-color: #982929;
--channel-unread: var(--main-color);
--channel-color: rgba(255, 255, 255, 0.3);
--muted-color: rgba(255, 255, 255, 0.1);
--url-color: var(--main-color);
--online-color: #43b581;
--idle-color: #faa61a;
--dnd-color: #982929;
--offline-color: #808080;
--streaming-color: #593695;
--main-font: Whitney, Helvetica Neue, Helvetica, Arial, sans-serif;
--code-font: Consolas, Liberation Mono, Menlo, Courier, monospace;
--server-columns: 1;
--channels-width: 220px;
--members-width: 240px;
--avatar-roundness: 50%;
--background-shading: 100%;
--background-overlay: rgba(0, 0, 0, .6);
--background-image: url(https://clearvision.gitlab.io/images/sapphire.jpg);
--background-position: center;
--background-size: cover;
--background-repeat: no-repeat;
--background-attachment: fixed;
--background-brightness: 100%;
--background-contrast: 100%;
--background-saturation: 100%;
--background-invert: 0%;
--background-grayscale: 0%;
--background-sepia: 0%;
--background-blur: 0px;
--backdrop-overlay: rgba(0, 0, 0, .8);
--backdrop-image: var(--background-image);
--backdrop-position: var(--background-position);
--backdrop-size: var(--background-size);
--backdrop-repeat: var(--background-repeat);
--backdrop-attachment: var(--background-attachment);
--backdrop-brightness: var(--background-brightness);
--backdrop-contrast: var(--background-contrast);
--backdrop-saturation: var(--background-saturation);
--backdrop-invert: var(--background-invert);
--backdrop-grayscale: var(--background-grayscale);
--backdrop-sepia: var(--background-sepia);
--backdrop-blur: var(--background-blur);
--user-popout-image: var(--background-image);
--user-popout-position: var(--background-position);
--user-popout-size: var(--background-size);
--user-popout-repeat: var(--background-repeat);
--user-popout-attachment: var(--background-attachment);
--user-popout-brightness: var(--background-brightness);
--user-popout-contrast: var(--background-contrast);
--user-popout-saturation: var(--background-saturation);
--user-popout-invert: var(--background-invert);
--user-popout-grayscale: var(--background-grayscale);
--user-popout-sepia: var(--background-sepia);
--user-popout-blur: calc(var(--background-blur) + 3px);
--user-modal-image: var(--background-image);
--user-modal-position: var(--background-position);
--user-modal-size: var(--background-size);
--user-modal-repeat: var(--background-repeat);
--user-modal-attachment: var(--background-attachment);
--user-modal-brightness: var(--background-brightness);
--user-modal-contrast: var(--background-contrast);
--user-modal-saturation: var(--background-saturation);
--user-modal-invert: var(--background-invert);
--user-modal-grayscale: var(--background-grayscale);
--user-modal-sepia: var(--background-sepia);
--user-modal-blur: calc(var(--background-blur) + 3px);
--home-icon: url(https://clearvision.gitlab.io/icons/discord.svg);
--home-position: center;
--home-size: 40px
}
.appMount-3lHmkl {
background: var(--background-overlay)
}
.app-2rEoOp {
background: transparent
}
.bg-h5JY_x {
background: var(--background-image) var(--background-position)/var(--background-size) var(--background-repeat) var(--background-attachment);
-webkit-filter: grayscale(var(--background-grayscale)) sepia(var(--background-sepia)) invert(var(--background-invert)) brightness(var(--background-brightness)) contrast(var(--background-contrast)) saturate(var(--background-saturation)) blur(var(--background-blur));
filter: grayscale(var(--background-grayscale)) sepia(var(--background-sepia)) invert(var(--background-invert)) brightness(var(--background-brightness)) contrast(var(--background-contrast)) saturate(var(--background-saturation)) blur(var(--background-blur));
z-index: -9999
}
.appMount-3lHmkl .layers-3iHuyZ, .appMount-3lHmkl .layer-3QrUeG {
background: transparent
}
.layer-3QrUeG .container-2lgZY8, .layer-3QrUeG .standardSidebarView-3F1I7i {
background: transparent
}
.container-2lgZY8 .base-3dtUhz {
border-radius: 0
}
.backdrop-1wrmKB:before {
content: "";
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: var(--backdrop-image) var(--backdrop-position)/var(--backdrop-size) var(--backdrop-repeat) var(--backdrop-attachment);
-webkit-filter: grayscale(var(--backdrop-grayscale)) sepia(var(--backdrop-sepia)) invert(var(--backdrop-invert)) brightness(var(--backdrop-brightness)) contrast(var(--backdrop-contrast)) saturate(var(--backdrop-saturation)) blur(var(--backdrop-blur));
filter: grayscale(var(--backdrop-grayscale)) sepia(var(--backdrop-sepia)) invert(var(--backdrop-invert)) brightness(var(--backdrop-brightness)) contrast(var(--backdrop-contrast)) saturate(var(--backdrop-saturation)) blur(var(--backdrop-blur));
pointer-events: none
}
.backdrop-1wrmKB:after {
content: "";
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: var(--backdrop-overlay);
pointer-events: none
}
::-moz-placeholder {
font-family: var(--main-font)
}
:-ms-input-placeholder {
font-family: var(--main-font)
}
::-ms-input-placeholder {
font-family: var(--main-font)
}
body, button, input, select, textarea, ::placeholder {
font-family: var(--main-font)
}
::-moz-selection {
color: #fff;
background: var(--main-color)
}
::selection {
color: #fff;
background: var(--main-color)
}
.anchor-3Z-8Bb {
color: var(--main-color);
transition: all .1s ease-in-out
}
.anchor-3Z-8Bb:hover {
text-shadow: 0 0 1px;
text-decoration: none !important
}
.appMount-3lHmkl .notice-2FJMB4 {
border-radius: 3px !important;
color: rgba(255, 255, 255, 0.7)
}
.notice-2FJMB4.noticeDefault-362Ko2 {
background: rgba(242, 101, 34, 0.6)
}
.notice-2FJMB4.noticePremium-12Zvj9 {
background: rgba(32, 34, 37, 0.6)
}
.notice-2FJMB4.noticePremiumGrandfathered-ollUxF {
background: linear-gradient(270deg, rgba(179, 174, 255, 0.6), rgba(115, 142, 245, 0.6))
}
.notice-2FJMB4.noticeInfo-3_iTE1 {
background: rgba(74, 144, 226, 0.6)
}
.notice-2FJMB4.noticeSuccess-3Y62ob {
background: rgba(67, 181, 129, 0.6)
}
.notice-2FJMB4.noticeDanger-7u-yT9 {
background: rgba(240, 71, 71, 0.6)
}
.notice-2FJMB4.noticeStreamerMode-2TSQpg {
background: rgba(89, 54, 149, 0.6)
}
.notice-2FJMB4.noticeFacebook-3equ5g {
background: rgba(53, 80, 137, 0.6)
}
.notice-2FJMB4.noticeSpotify-27dhr0 {
background: rgba(29, 185, 84, 0.6)
}
.notice-2FJMB4.noticeBrand-3nQBC_ {
background: rgba(114, 137, 218, 0.6)
}
.notice-2FJMB4 .button-1MICoQ {
background: rgba(255, 255, 255, 0.1);
border: 1px solid transparent;
color: #fff;
transition: all .15s ease-in-out;
mix-blend-mode: screen;
transform: translateZ(0)
}
.notice-2FJMB4 .button-1MICoQ:hover {
background: #fff;
color: #000
}
.notice-2FJMB4 .dismiss-SCAH9H {
background: url(https://clearvision.gitlab.io/icons/close.svg) center/18px no-repeat;
opacity: .5;
transition: all .15s ease-in-out
}
.notice-2FJMB4 .dismiss-SCAH9H:hover {
opacity: 1
}
.typeWindows-1za-n7 {
height: 18px;
width: 100vw;
margin: 0;
padding-top: 2px;
padding-bottom: 2px;
background: rgba(0, 0, 0, calc(var(--background-shading) * .6));
box-shadow: 0 0 20px rgba(0, 0, 0, calc(var(--background-shading) * .6))
}
.typeWindows-1za-n7 > .wordmark-2iDDfm {
position: static;
margin-right: auto;
display: flex;
align-items: center;
justify-content: center;
opacity: 1;
pointer-events: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
order: 1
}
.typeWindows-1za-n7 > .wordmark-2iDDfm:before, .typeWindows-1za-n7 > .wordmark-2iDDfm:after {
margin-left: 3px;
font-weight: 600;
white-space: nowrap;
order: 1
}
.typeWindows-1za-n7 > .wordmark-2iDDfm:before {
content: "JP";
color: rgba(255, 255, 255, 0.7);
font-size: 14px;
text-shadow: 0 0 3px #000
}
.typeWindows-1za-n7 > .wordmark-2iDDfm:after {
content: "v1.0.0";
color: rgba(255, 255, 255, 0.3);
font-family: var(--code-font);
font-size: 10px
}
.typeWindows-1za-n7 > .wordmark-2iDDfm > svg {
-webkit-filter: drop-shadow(0 0 5px var(--main-color));
filter: drop-shadow(0 0 5px var(--main-color))
}
.typeWindows-1za-n7 > .wordmark-2iDDfm > svg > path {
fill: var(--main-color)
}
.typeWindows-1za-n7 > .winButton-iRh8-Z {
top: -2px;
opacity: .7;
transition: all .15s ease-in-out
}
.typeWindows-1za-n7 > .winButton-iRh8-Z:hover {
background: rgba(255, 255, 255, 0.1);
opacity: 1
}
.typeWindows-1za-n7 > .winButtonClose-1HsbF-:hover {
background: var(--danger-color)
}
.typeMacOS-3EmCyP {
width: 70px;
height: 48px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: space-evenly
}
.unfocused-1QsMU3.typeMacOS-3EmCyP .macButton-c_Adir {
background: rgba(255, 255, 255, 0.7)
}
.typeMacOS-3EmCyP > .macButtons-2MuSAC {
padding: 0 10px
}
.typeMacOS-3EmCyP:before, .typeMacOS-3EmCyP:after {
margin: 0 2px;
font-size: 10px;
order: 1
}
.typeMacOS-3EmCyP:before {
content: "CV";
color: var(--main-color);
font-weight: 700;
text-shadow: 0 0 3px
}
.typeMacOS-3EmCyP:after {
content: "6.0.1";
color: rgba(255, 255, 255, 0.3)
}
.base-3dtUhz .container-1r6BKw {
height: 48px;
background: rgba(0, 0, 0, calc(var(--background-shading) * .6));
box-shadow: 0 0 10px rgba(0, 0, 0, calc(var(--background-shading) * .6));
color: rgba(255, 255, 255, 0.5)
}
.container-1r6BKw .children-19S4PO {
-webkit-mask: linear-gradient(to left, transparent, #000 20px);
mask: linear-gradient(to left, transparent, #000 20px)
}
.container-1r6BKw .children-19S4PO:after {
display: none
}
.container-1r6BKw .children-19S4PO .icon-22AiRD {
color: var(--main-color);
-webkit-filter: drop-shadow(0 0 3px);
filter: drop-shadow(0 0 3px)
}
.container-1r6BKw .children-19S4PO .icon-22AiRD:not([name]), .container-1r6BKw .children-19S4PO .icon-22AiRD[name=Library] {
width: 22px
}
.container-1r6BKw .children-19S4PO .icon-22AiRD[name=Nova_At] > path {
d: path("M15.45,11.91C15.34,9.7 13.7,8.37 11.72,8.37H11.64C9.35,8.37 8.09,10.17 8.09,12.21C8.09,14.5 9.62,15.95 11.63,15.95C13.88,15.95 15.35,14.3 15.46,12.36M11.65,6.39C13.18,6.39 14.62,7.07 15.67,8.13V8.13C15.67,7.62 16,7.24 16.5,7.24H16.61C17.35,7.24 17.5,7.94 17.5,8.16V16.06C17.46,16.58 18.04,16.84 18.37,16.5C19.64,15.21 21.15,9.81 17.58,6.69C14.25,3.77 9.78,4.25 7.4,5.89C4.88,7.63 3.26,11.5 4.83,15.11C6.54,19.06 11.44,20.24 14.35,19.06C15.83,18.47 16.5,20.46 15,21.11C12.66,22.1 6.23,22 3.22,16.79C1.19,13.27 1.29,7.08 6.68,3.87C10.81,1.42 16.24,2.1 19.5,5.5C22.95,9.1 22.75,15.8 19.4,18.41C17.89,19.59 15.64,18.44 15.66,16.71L15.64,16.15C14.59,17.2 13.18,17.81 11.65,17.81C8.63,17.81 6,15.15 6,12.13C6,9.08 8.63,6.39 11.65,6.39Z")
}
.container-1r6BKw .base-1x0h_U {
margin-left: 5px;
color: #fff;
text-shadow: 0 0 3px #000
}
.container-1r6BKw .base-1x0h_U.muted-3-7c5L {
color: rgba(255, 255, 255, 0.3);
text-shadow: none
}
.container-1r6BKw .topic-TCb_qw {
color: rgba(255, 255, 255, 0.5)
}
.container-1r6BKw .topic-TCb_qw > .anchor-3Z-8Bb {
color: var(--main-color);
transition: all .1s ease-in-out
}
.container-1r6BKw .topic-TCb_qw > .anchor-3Z-8Bb:hover {
text-shadow: 0 0 1px;
text-decoration: none !important
}
.container-1r6BKw .akaBadge-1M-1Gw {
background: rgba(255, 255, 255, 0.1);
color: #fff
}
.container-1r6BKw .nicknames-1XK4Zt {
color: rgba(255, 255, 255, 0.5)
}
.container-1r6BKw .divider-3FBTu8 {
background: rgba(255, 255, 255, 0.1)
}
.iconWrapper-2OrFZ1 {
margin: 0 1px;
padding: 2px 3px;
box-sizing: content-box
}
.chat-3bRxxu .base-1x0h_U {
margin-left: 0
}
.toolbar-1t6TWx .iconWrapper-2OrFZ1 {
border-radius: 3px;
transition: all .3s ease-in-out
}
.toolbar-1t6TWx .iconWrapper-2OrFZ1 .icon-22AiRD {
opacity: .5;
transition: all .15s ease-in-out
}
.toolbar-1t6TWx .iconWrapper-2OrFZ1.selected-1GqIat, .toolbar-1t6TWx .iconWrapper-2OrFZ1.icon-22AiRD.popout-open {
background: rgba(255, 255, 255, 0.1)
}
.toolbar-1t6TWx .iconWrapper-2OrFZ1.selected-1GqIat .icon-22AiRD, .toolbar-1t6TWx .iconWrapper-2OrFZ1.icon-22AiRD.popout-open .icon-22AiRD {
opacity: .7
}
.toolbar-1t6TWx .iconWrapper-2OrFZ1.clickable-3rdHwn:hover .icon-22AiRD {
opacity: 1
}
.toolbar-1t6TWx .iconWrapper-2OrFZ1 > svg:not(.icon-22AiRD) {
color: var(--main-color);
-webkit-filter: drop-shadow(0 0 5px);
filter: drop-shadow(0 0 5px);
transition: -webkit-filter .3s ease-in-out;
transition: filter .3s ease-in-out;
transition: filter .3s ease-in-out, -webkit-filter .3s ease-in-out
}
.toolbar-1t6TWx .iconWrapper-2OrFZ1 [mask] {
-webkit-mask: url(https://clearvision.gitlab.io/icons/pin.svg);
mask: url(https://clearvision.gitlab.io/icons/pin.svg)
}
.toolbar-1t6TWx .iconWrapper-2OrFZ1 [mask] > .icon-22AiRD {
background: var(--main-color);
opacity: 1
}
.toolbar-1t6TWx .iconWrapper-2OrFZ1:hover > svg:not(.icon-22AiRD) {
-webkit-filter: drop-shadow(0 0 5px) drop-shadow(0 0 10px);
filter: drop-shadow(0 0 5px) drop-shadow(0 0 10px)
}
.toolbar-1t6TWx .iconBadge-qZ4Ksk {
display: none
}
.toolbar-1t6TWx .icon-22AiRD[name=Nova_Bell] > g, .toolbar-1t6TWx .icon-22AiRD[name=Nova_Bell] > path, .toolbar-1t6TWx .icon-22AiRD[name=Nova_BellOff] > g, .toolbar-1t6TWx .icon-22AiRD[name=Nova_BellOff] > path, .toolbar-1t6TWx .icon-22AiRD[name=Nova_Pin] > g, .toolbar-1t6TWx .icon-22AiRD[name=Nova_Pin] > path, .toolbar-1t6TWx .icon-22AiRD[name=Nova_People] > g, .toolbar-1t6TWx .icon-22AiRD[name=Nova_People] > path, .toolbar-1t6TWx .icon-22AiRD[name=Nova_At] > g, .toolbar-1t6TWx .icon-22AiRD[name=Nova_At] > path, .toolbar-1t6TWx .icon-22AiRD[name=Nova_Help] > g, .toolbar-1t6TWx .icon-22AiRD[name=Nova_Help] > path, .toolbar-1t6TWx .icon-22AiRD[name=Nova_ChatNew] > g, .toolbar-1t6TWx .icon-22AiRD[name=Nova_ChatNew] > path, .toolbar-1t6TWx .icon-22AiRD[name=Nova_CallJoin] > g, .toolbar-1t6TWx .icon-22AiRD[name=Nova_CallJoin] > path, .toolbar-1t6TWx .icon-22AiRD[name=Nova_CallVideo] > g, .toolbar-1t6TWx .icon-22AiRD[name=Nova_CallVideo] > path, .toolbar-1t6TWx .icon-22AiRD[name=Nova_UserAdd] > g, .toolbar-1t6TWx .icon-22AiRD[name=Nova_UserAdd] > path, .toolbar-1t6TWx .icon-22AiRD[name=Nova_Downloading] > g, .toolbar-1t6TWx .icon-22AiRD[name=Nova_Downloading] > path {
display: none
}
.toolbar-1t6TWx .icon-22AiRD[name=Nova_Bell] {
background: url(https://clearvision.gitlab.io/icons/notifications.svg) center/24px no-repeat
}
.toolbar-1t6TWx .icon-22AiRD[name=Nova_BellOff] {
background: url(https://clearvision.gitlab.io/icons/notifications_off.svg) center/24px no-repeat
}
.toolbar-1t6TWx .icon-22AiRD[name=Nova_Pin] {
background: url(https://clearvision.gitlab.io/icons/pin.svg) center/24px no-repeat
}
.toolbar-1t6TWx .icon-22AiRD[name=Nova_People] {
background: url(https://clearvision.gitlab.io/icons/people.svg) center/24px no-repeat
}
.toolbar-1t6TWx .icon-22AiRD[name=Nova_At] {
background: url(https://clearvision.gitlab.io/icons/mail.svg) center/24px no-repeat
}
.toolbar-1t6TWx .icon-22AiRD[name=Nova_Help] {
background: url(https://clearvision.gitlab.io/icons/help.svg) center/24px no-repeat
}
.toolbar-1t6TWx .icon-22AiRD[name=Nova_ChatNew] {
background: url(https://clearvision.gitlab.io/icons/group_add.svg) center/24px no-repeat
}
.toolbar-1t6TWx .icon-22AiRD[name=Nova_CallJoin] {
background: url(https://clearvision.gitlab.io/icons/call.svg) center/24px no-repeat
}
.toolbar-1t6TWx .icon-22AiRD[name=Nova_CallVideo] {
background: url(https://clearvision.gitlab.io/icons/videocam.svg) center/24px no-repeat
}
.toolbar-1t6TWx .icon-22AiRD[name=Nova_UserAdd] {
background: url(https://clearvision.gitlab.io/icons/person_add.svg) center/24px no-repeat
}
.toolbar-1t6TWx .icon-22AiRD.updateAvailable-qNqOs7 {
background: url(https://clearvision.gitlab.io/icons/sync.svg) center/24px no-repeat;
-webkit-animation: cv-update-spin 2s linear infinite;
animation: cv-update-spin 2s linear infinite
}
.toolbar-1t6TWx .icon-22AiRD[name=Nova_Downloading] {
position: relative;
background: url(https://clearvision.gitlab.io/icons/cloud_download.svg) center/24px no-repeat, linear-gradient(to bottom, var(--main-color), var(--main-color)) 50% 10px/10px 10px no-repeat;
-webkit-animation: cv-update-downloading 2.5s ease-in-out infinite;
animation: cv-update-downloading 2.5s ease-in-out infinite
}
.toolbar-1t6TWx .iconWrapper-2OrFZ1 .icon-22AiRD[name=Nova_Download] {
color: var(--main-color);
opacity: 1;
-webkit-filter: drop-shadow(0 0 5px);
filter: drop-shadow(0 0 5px);
transition: -webkit-filter .3s ease-in-out;
transition: filter .3s ease-in-out;
transition: filter .3s ease-in-out, -webkit-filter .3s ease-in-out
}
.toolbar-1t6TWx .iconWrapper-2OrFZ1 .icon-22AiRD[name=Nova_Download] .updateIconForeground-3tnNZn {
display: inline;
fill: var(--main-color);
d: path("M10,17L6.5,13.5L7.91,12.08L10,14.17L15.18,9L16.59,10.41M19.35,10.03C18.67,6.59 15.64,4 12,4C9.11,4 6.6,5.64 5.35,8.03C2.34,8.36 0,10.9 0,14A6,6 0 0,0 6,20H19A5,5 0 0,0 24,15C24,12.36 21.95,10.22 19.35,10.03Z")
}
.toolbar-1t6TWx .iconWrapper-2OrFZ1:hover .icon-22AiRD[name=Nova_Download] {
-webkit-filter: drop-shadow(0 0 5px) drop-shadow(0 0 10px);
filter: drop-shadow(0 0 5px) drop-shadow(0 0 10px)
}
.toolbar-1t6TWx .link-2T7oYD {
opacity: .5;
transition: all .15s ease-in-out
}
.toolbar-1t6TWx .link-2T7oYD:hover {
opacity: 1
}
.toolbar-1t6TWx .linkIcon-PzfbqY {
background: url(https://clearvision.gitlab.io/icons/share.svg) center/24px no-repeat
}
.toolbar-1t6TWx .linkIcon-PzfbqY > g {
display: none
}
.search-2oPWTC .searchBar-3dMhjb, .libraryFilter-31ZUa2, .browseSearch-e9jF-f {
width: 140px;
height: 28px;
padding: 2px;
background: rgba(255, 255, 255, 0.1);
border-radius: 3px;
transition: width .2s ease-in-out .1s
}
.focused-31_ccS .searchBar-3dMhjb, .open-6_Y_aH .searchBar-3dMhjb, .focused-2eiV0o, .focused-20l6Zp {
width: 240px
}
.search-2oPWTC > .DraftEditor-root {
color: #fff
}
.search-2oPWTC .public-DraftEditorPlaceholder-root {
color: rgba(255, 255, 255, 0.3)
}
.search-2oPWTC .searchFilter-2ESiM3, .search-2oPWTC .searchAnswer-3Dz2-q {
background: var(--main-color);
color: #fff
}
.search-2oPWTC .searchFilter-2ESiM3 {
padding: 0 3px
}
.search-2oPWTC .searchAnswer-3Dz2-q {
margin: 0 2px 0 0;
padding: 0 3px 0 0
}
.libraryFilter-31ZUa2 .container-cMG81i {
background: transparent
}
.libraryFilter-31ZUa2 .input-3Xdcic {
color: #fff
}
.libraryFilter-31ZUa2 .input-3Xdcic::-moz-placeholder {
color: rgba(255, 255, 255, 0.3)
}
.libraryFilter-31ZUa2 .input-3Xdcic:-ms-input-placeholder {
color: rgba(255, 255, 255, 0.3)
}
.libraryFilter-31ZUa2 .input-3Xdcic::-ms-input-placeholder {
color: rgba(255, 255, 255, 0.3)
}
.libraryFilter-31ZUa2 .input-3Xdcic::placeholder {
color: rgba(255, 255, 255, 0.3)
}
.libraryFilter-31ZUa2 .icon-1S6UIr {
color: rgba(255, 255, 255, 0.5);
transition: all .15s ease-in-out
}
.libraryFilter-31ZUa2 .iconLayout-3OgqU3:hover .clear--Eywng {
color: #fff
}
.browseSearch-e9jF-f .container-cMG81i {
background: transparent
}
.browseSearch-e9jF-f .input-3Xdcic {
color: #fff
}
.browseSearch-e9jF-f .input-3Xdcic::-moz-placeholder {
color: rgba(255, 255, 255, 0.3)
}
.browseSearch-e9jF-f .input-3Xdcic:-ms-input-placeholder {
color: rgba(255, 255, 255, 0.3)
}
.browseSearch-e9jF-f .input-3Xdcic::-ms-input-placeholder {
color: rgba(255, 255, 255, 0.3)
}
.browseSearch-e9jF-f .input-3Xdcic::placeholder {
color: rgba(255, 255, 255, 0.3)
}
.browseSearch-e9jF-f .icon-1S6UIr {
color: rgba(255, 255, 255, 0.5);
transition: all .15s ease-in-out
}
.browseSearch-e9jF-f .iconLayout-3OgqU3:hover .clear--Eywng {
color: #fff
}
.container-1r6BKw .topPill-30KHOu .item-PXvHYJ {
font-size: 14px
}
.container-1r6BKw .topPill-30KHOu .item-PXvHYJ.themed-OHr7kt {
background: transparent !important;
color: rgba(255, 255, 255, 0.5) !important;
transition: all .3s ease-in-out
}
.container-1r6BKw .topPill-30KHOu .item-PXvHYJ.themed-OHr7kt:hover {
background-color: rgba(0, 0, 0, 0.5) !important;
color: rgba(255, 255, 255, 0.7) !important
}
.container-1r6BKw .topPill-30KHOu .item-PXvHYJ.selected-3s45Ha.themed-OHr7kt {
background-color: var(--main-color) !important;
color: #fff !important
}
.breadcrumbs-SOzMJD {
margin-left: 2px
}
.breadcrumbs-SOzMJD .breadcrumb-22XhB5 {
margin: 0 3px;
transition: all .15s ease-in-out
}
.breadcrumbs-SOzMJD .breadcrumbArrow-1bJVKv {
transition: all .15s ease-in-out
}
.breadcrumbs-SOzMJD .breadcrumbWrapper-WmDjgG {
color: rgba(255, 255, 255, 0.3)
}
.breadcrumbs-SOzMJD .breadcrumbWrapper-WmDjgG:hover .breadcrumb-22XhB5 {
color: rgba(255, 255, 255, 0.7);
text-decoration: none
}
.breadcrumbs-SOzMJD .breadcrumbWrapper-WmDjgG:hover .directionRight-O8AY4M.breadcrumbArrow-1bJVKv {
color: rgba(255, 255, 255, 0.7);
transform: rotateY(180deg) rotateZ(-90deg) translateY(3px)
}
.layer-3QrUeG .wrapper-1Rf91z {
background-color: transparent
}
.platform-osx .wrapper-1Rf91z {
margin-top: 0;
padding-top: 48px
}
.platform-osx .wrapper-1Rf91z:before {
content: "";
height: 48px;
margin-top: -48px;
background-color: rgba(0, 0, 0, 0.3)
}
.wrapper-1Rf91z {
width: calc(var(--server-columns) * 72px);
box-shadow: inset 0 0 20px rgba(0, 0, 0, calc(var(--background-shading) * .3))
}
.scrollerWrap-1IAIlv {
width: auto
}
.scroller-2TZvBN {
display: grid;
grid-template-columns:repeat(var(--server-columns), 1fr);
grid-auto-columns: fit-content(72px);
grid-auto-rows: fit-content(72px);
margin-right: -18px;
padding-right: 18px;
background: transparent
}
.scroller-2TZvBN > .listItem-2P_4kh:first-child, .scroller-2TZvBN > .listItem-2P_4kh:nth-child(2), .scroller-2TZvBN > .bd-guild-separator.listItem-2P_4kh {
margin-right: auto;
margin-left: auto;
grid-column: 1/span var(--server-columns)
}
.scroller-2TZvBN > :not(.listItem-2P_4kh):nth-child(2) {
height: auto !important;
display: flex;
flex-flow: row wrap;
grid-column: 1/span var(--server-columns);
align-items: center;
justify-content: center
}
.scroller-2TZvBN > :not(.listItem-2P_4kh):nth-child(2) + .listItem-2P_4kh {
margin-right: auto;
margin-left: auto;
grid-column: 1/span var(--server-columns)
}
.homeIcon-tEMBK1 {
width: 100%;
height: 100%;
background: var(--home-icon) var(--home-position)/var(--home-size) no-repeat
}
.homeIcon-tEMBK1 > path {
display: none
}
.friendsOnline-2JkivW {
background: transparent;
color: rgba(255, 255, 255, 0.7);
text-transform: uppercase;
border-radius: 25px;
transition: all .3s ease-in-out;
cursor: default
}
.friendsOnline-2JkivW:hover {
color: #fff
}
.icon-27yU2q {
background-color: rgba(0, 0, 0, 0.3)
}
.wrapper-sa6paO {
overflow: visible
}
.item-2hkk8m {
width: 12px;
margin-left: -6px;
border-radius: 20px;
background: var(--main-color);
box-shadow: 0 0 20px -1px var(--main-color)
}
.item-2hkk8m[style*="height: 8px"] {
height: 10px !important
}
.childWrapper-anI2G9 {
background: rgba(0, 0, 0, 0.3);
color: rgba(255, 255, 255, 0.7);
transition: all .3s ease-in-out
}
.wrapper-1BJsBx:hover .childWrapper-anI2G9, .wrapper-1BJsBx.selected-bZ3Lue .childWrapper-anI2G9 {
background: var(--main-color);
color: #fff
}
.dragInner-_SHftW {
background: rgba(255, 255, 255, 0.1)
}
.iconBadge-2wi9r4 {
background: rgba(255, 255, 255, 0.07);
box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.07)
}
.icon-3s6X1M {
padding: 1px;
color: var(--main-color);
-webkit-filter: drop-shadow(0 0 3px var(--main-color));
filter: drop-shadow(0 0 3px var(--main-color))
}
.wrapper-21YSNc .expandedFolderBackground-2sPsd- {
background: rgba(255, 255, 255, 0.04);
border-radius: 16px 16px 24px 24px;
transition: background-color .3s ease-in-out
}
.wrapper-21YSNc .expandedFolderBackground-2sPsd-.collapsed-1GMuSb {
background: transparent
}
.folder-21wGz3 {
background: rgba(255, 255, 255, 0.07);
transition: all .3s ease-in-out
}
.folder-21wGz3.hover-2ji_A7 {
background: rgba(255, 255, 255, 0.1)
}
.noIcon-1a_FrS {
background: rgba(0, 0, 0, 0.3) !important;
color: rgba(255, 255, 255, 0.7)
}
.expandedGuilds-1JMD4M > .listItem-2P_4kh {
-webkit-animation: cv-fade-in .3s ease-in-out;
animation: cv-fade-in .3s ease-in-out
}
.circleIconButton-jET_ig {
background: rgba(0, 0, 0, 0.3);
color: rgba(255, 255, 255, 0.3);
transition: all .3s ease-in-out
}
.circleIconButton-jET_ig:hover, .circleIconButton-jET_ig.selected-ugP_am {
background: var(--main-color);
color: #fff
}
.guildsError-b7zR5H {
background: rgba(0, 0, 0, 0.5);
border: 2px solid var(--danger-color);
color: #fff;
transition: all .3s ease-in-out
}
.guildsError-b7zR5H:hover {
background: var(--danger-color);
border-color: var(--danger-color)
}
.guildSeparator-3s64Iy {
background: rgba(255, 255, 255, 0.1)
}
.sidebar-2K8pFh {
width: var(--channels-width);
background: rgba(0, 0, 0, calc(var(--background-shading) * .3))
}
.container-PNkimc {
background: transparent
}
.container-PNkimc .container-2Rl01u {
z-index: 2
}
.container-PNkimc .header-2o-2hj {
height: 48px;
background: rgba(0, 0, 0, calc(var(--background-shading) * .15));
box-shadow: 0 2px 10px rgba(0, 0, 0, calc(var(--background-shading) * .3));
color: #fff;
font-weight: 600;
text-shadow: 0 0 3px #000
}
.container-PNkimc .header-2o-2hj:hover, .container-PNkimc .popout-open.header-2o-2hj {
background: rgba(0, 0, 0, calc(var(--background-shading) * .3))
}
.container-PNkimc .guildIconContainer-E1JUVt .flowerStar-1GeTsn {
display: none
}
.container-PNkimc .guildIconContainer-E1JUVt .childContainer-1wxZNh {
background: rgba(255, 255, 255, 0.07);
border-radius: 50%
}
.container-PNkimc .partnered-3nJayh {
background: rgba(255, 255, 255, 0.07);
border-radius: 50%
}
.container-PNkimc .partnered-3nJayh .icon-1ihkOt {
color: var(--main-color);
-webkit-filter: drop-shadow(0 0 3px);
filter: drop-shadow(0 0 3px)
}
.container-PNkimc .verified-1eC5dy {
background: url(https://clearvision.gitlab.io/icons/verified.svg) center/18px no-repeat;
-webkit-filter: drop-shadow(0 0 5px);
filter: drop-shadow(0 0 5px)
}
.container-PNkimc .verified-1eC5dy .childContainer-1wxZNh {
display: none
}
.container-PNkimc .premiumGuildIconGem-C4yUDR {
color: var(--main-color);
-webkit-filter: drop-shadow(0 0 3px);
filter: drop-shadow(0 0 3px)
}
.container-PNkimc .animatedContainer-1pJv5C {
background: transparent;
box-shadow: none
}
.container-PNkimc .bannerImage-1jOskm {
-webkit-mask: linear-gradient(to bottom, #000, transparent);
mask: linear-gradient(to bottom, #000, transparent)
}
.containerDefault-3GGEv_, .containerDragBefore-3Dzc5x, .containerDragAfter-3TEhpe, .containerUserOver-1Tcb7l {
padding-top: 20px
}
.wrapper-CU3qI5 {
padding-left: 10px;
padding-right: 0;
transition: all .3s ease-in-out
}
.icon-WnO6o2 {
display: none
}
.name-IbjUBS {
display: flex;
align-items: center;
justify-content: center;
color: var(--main-color);
font-weight: 700;
text-align: center;
transition: all .3s ease-in-out;
opacity: .7
}
.name-IbjUBS:before {
content: "";
height: 2px;
flex-grow: 1;
transition: all .3s ease-in-out;
background: linear-gradient(to left, var(--main-color) 50%, transparent);
margin-right: 5px
}
.name-IbjUBS:after {
content: "";
height: 2px;
flex-grow: 1;
transition: all .3s ease-in-out;
background: linear-gradient(to right, var(--main-color) 50%, transparent);
margin-left: 5px
}
.wrapper-CU3qI5 .name-IbjUBS:hover {
opacity: 1
}
.sidebar-2K8pFh .containerDefault-3GGEv_ .wrapper-CU3qI5 .name-IbjUBS, .sidebar-2K8pFh .containerDragBefore-3Dzc5x .wrapper-CU3qI5 .name-IbjUBS, .sidebar-2K8pFh .containerDragAfter-3TEhpe .wrapper-CU3qI5 .name-IbjUBS, .sidebar-2K8pFh .containerUserOver-1Tcb7l .wrapper-CU3qI5 .name-IbjUBS {
color: var(--main-color)
}
.children-13TY0l {
margin-left: 3px
}
.collapsed-4WdoJ7 .name-IbjUBS:before, .collapsed-4WdoJ7 .name-IbjUBS:after {
flex-grow: 0
}
.muted-1NRuDm {
opacity: .5
}
.addButtonIcon-3u-3Hu {
color: var(--main-color);
opacity: .7;
transition: all .3s ease-in-out
}
.addButtonIcon-3u-3Hu:hover {
color: var(--main-color);
opacity: 1
}
.content-3at_AU {
transition: all .15s ease-in-out
}
.content-3at_AU {
position: relative;
background: transparent !important
}
.content-3at_AU:before {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
transition: all .15s ease-in-out;
z-index: -1;
pointer-events: none
}
.content-3at_AU:after {
content: "";
position: absolute;
top: 0;
right: 100%;
bottom: 0;
left: 0;
opacity: .9;
transition: all .3s ease-in-out;
z-index: -1;
pointer-events: none
}
.content-3at_AU .icon-1_QxNX {
width: 18px;
height: 18px;
margin-right: 3px;
color: rgba(255, 255, 255, 0.3);
opacity: 1;
transition: all .15s ease-in-out
}
.content-3at_AU .icon-1_QxNX > path {
opacity: .7
}
.content-3at_AU .icon-1_QxNX > path:last-of-type {
opacity: 1
}
.content-3at_AU .name-3_Dsmg {
color: rgba(255, 255, 255, 0.3);
transition: all .15s ease-in-out
}
.children-Bmpf2Q {
margin-left: 1px;
-webkit-animation: cv-fade-to-3 .15s ease-in-out;
animation: cv-fade-to-3 .15s ease-in-out
}
.actionIcon-2Hi9ZG {
color: #fff;
opacity: .3;
transition: all .15s ease-in-out
}
.actionIcon-2Hi9ZG:hover {
opacity: .7
}
.wrapper-1ucjTd:hover .content-3at_AU:before {
background: rgba(255, 255, 255, 0.1)
}
.containerDefault-1ZnADq .wrapper-1ucjTd:hover .content-3at_AU .icon-1_QxNX, .containerDefault-1ZnADq .wrapper-1ucjTd:hover .content-3at_AU .name-3_Dsmg {
color: rgba(255, 255, 255, 0.7)
}
.wrapper-1ucjTd.modeUnread-1zpFdA .content-3at_AU .name-3_Dsmg {
color: var(--main-color);
text-shadow: 0 0 3px
}
.wrapper-1ucjTd.modeUnread-1zpFdA .content-3at_AU .icon-1_QxNX {
color: var(--main-color);
-webkit-filter: drop-shadow(0 0 3px);
filter: drop-shadow(0 0 3px);
opacity: 1
}
.wrapper-1ucjTd.modeUnread-1zpFdA:hover .content-3at_AU .name-3_Dsmg {
color: #fff
}
.wrapper-1ucjTd.modeUnread-1zpFdA:hover .content-3at_AU .icon-1_QxNX {
color: #fff
}
.wrapper-1ucjTd.modeSelected-1zApJ_ .content-3at_AU:before {
background: rgba(255, 255, 255, 0.1)
}
.wrapper-1ucjTd.modeSelected-1zApJ_ .content-3at_AU:after {
right: 0;
background: var(--main-color);
-webkit-animation: cv-channel-select .3s ease-in-out;
animation: cv-channel-select .3s ease-in-out
}
.containerDefault-1ZnADq .wrapper-1ucjTd.modeSelected-1zApJ_ .content-3at_AU .icon-1_QxNX, .containerDefault-1ZnADq .wrapper-1ucjTd.modeSelected-1zApJ_ .content-3at_AU .name-3_Dsmg {
color: #fff
}
.wrapper-1ucjTd.modeSelected-1zApJ_ .content-3at_AU .actionIcon-2Hi9ZG {
opacity: .7
}
.wrapper-1ucjTd.modeSelected-1zApJ_ .content-3at_AU .actionIcon-2Hi9ZG:hover {
opacity: 1
}
.wrapper-1ucjTd.modeConnected-2IEL4z .content-3at_AU .name-3_Dsmg {
color: var(--main-color);
text-shadow: 0 0 3px
}
.wrapper-1ucjTd.modeConnected-2IEL4z .content-3at_AU .icon-1_QxNX {
color: var(--main-color);
-webkit-filter: drop-shadow(0 0 3px);
filter: drop-shadow(0 0 3px)
}
.wrapper-1ucjTd.modeMuted-3osy7j .content-3at_AU .icon-1_QxNX, .wrapper-1ucjTd.modeMuted-3osy7j .content-3at_AU .name-3_Dsmg {
color: rgba(255, 255, 255, 0.1)
}
.wrapper-1ucjTd.modeMuted-3osy7j:hover .content-3at_AU:before {
background: rgba(255, 255, 255, 0.07)
}
.containerDefault-1ZnADq .wrapper-1ucjTd.modeMuted-3osy7j:hover .content-3at_AU .icon-1_QxNX, .containerDefault-1ZnADq .wrapper-1ucjTd.modeMuted-3osy7j:hover .content-3at_AU .name-3_Dsmg {
color: rgba(255, 255, 255, 0.3)
}
.unread-3zKkbm {
display: none
}
.actionIcon-2Hi9ZG[name=Gear] {
background: url(https://clearvision.gitlab.io/icons/settings.svg) no-repeat center/18px
}
.actionIcon-2Hi9ZG[name=Gear]:hover {
-webkit-animation: cv-spin 2.5s linear infinite;
animation: cv-spin 2.5s linear infinite
}
.actionIcon-2Hi9ZG[name=Gear] > path {
display: none
}
.actionIcon-2Hi9ZG[name=Invite] {
background: url(https://clearvision.gitlab.io/icons/person_add.svg) no-repeat center/18px
}
.actionIcon-2Hi9ZG[name=Invite] > path {
display: none
}
.users-i_3-kL, .total-3tKGEB {
width: 24px;
color: rgba(255, 255, 255, 0.3);
font-weight: 600;
text-align: right;
transition: all .15s ease-in-out
}
.users-i_3-kL {
padding: 0 4px 0 6px;
background: rgba(0, 0, 0, 0.15)
}
.total-3tKGEB {
padding: 0 6px 0 4px;
background: rgba(255, 255, 255, 0.04);
box-shadow: inset 1px 0 rgba(255, 255, 255, 0.07)
}
.total-3tKGEB:after {
display: none
}
.modeConnected-2IEL4z .users-i_3-kL {
color: var(--main-color);
text-shadow: 0 0 1px
}
.listDefault-2y5Z9D {
padding-left: 24px
}
.voiceUser-14U_Ns {
z-index: 1
}
.voiceUser-14U_Ns .content-3xS9Lh {
border-radius: 3px;
transition: all .15s ease-in-out
}
.voiceUser-14U_Ns .avatarContainer-2inGBK {
position: relative;
transition: all .1s ease-in-out
}
.voiceUser-14U_Ns .avatarContainer-2inGBK:after {
content: "";
position: absolute;
width: 0;
top: 0;
bottom: 0;
left: 50%;
background: linear-gradient(to right, var(--main-color) 10%, transparent);
opacity: .5;
transition: all .1s ease-in-out, width .15s ease-in-out;
pointer-events: none;
z-index: -1
}
.voiceUser-14U_Ns .avatarSpeaking-3MqCHL {
box-shadow: 0 0 0 2px var(--main-color), inset 0 0 3px rgba(0, 0, 0, 0.5)
}
.voiceUser-14U_Ns .avatarSpeaking-3MqCHL:after {
top: -2px;
bottom: -2px;
width: 100px
}
.voiceUser-14U_Ns .username-lm8y6T {
color: rgba(255, 255, 255, 0.5);
transition: all .1s ease-in-out
}
.voiceUser-14U_Ns .usernameSpeaking-2xbKKh {
color: #fff !important
}
.icon-3BcwQu > path {
display: none
}
.icon-3BcwQu > path:nth-child(4) {
display: inline;
d: path("M19 11h-1.7c0 .74-.16 1.43-.43 2.05l1.23 1.23c.56-.98.9-2.09.9-3.28zm-4.02.17c0-.06.02-.11.02-.17V5c0-1.66-1.34-3-3-3S9 3.34 9 5v.18l5.98 5.99zM4.27 3L3 4.27l6.01 6.01V11c0 1.66 1.33 3 2.99 3 .22 0 .44-.03.65-.08l1.66 1.66c-.71.33-1.5.52-2.31.52-2.76 0-5.3-2.1-5.3-5.1H5c0 3.41 2.72 6.23 6 6.72V21h2v-3.28c.91-.13 1.77-.45 2.54-.9L19.73 21 21 19.73 4.27 3z")
}
.icon-3BcwQu > path:nth-child(3):last-child {
display: inline;
d: path("M16.5 12c0-1.77-1.02-3.29-2.5-4.03v2.21l2.45 2.45c.03-.2.05-.41.05-.63zm2.5 0c0 .94-.2 1.82-.54 2.64l1.51 1.51C20.63 14.91 21 13.5 21 12c0-4.28-2.99-7.86-7-8.77v2.06c2.89.86 5 3.54 5 6.71zM4.27 3L3 4.27 7.73 9H3v6h4l5 5v-6.73l4.25 4.25c-.67.52-1.42.93-2.25 1.18v2.06c1.38-.31 2.63-.95 3.69-1.81L19.73 21 21 19.73l-9-9L4.27 3zM12 4L9.91 6.09 12 8.18V4z")
}
.icon-1tDorc {
width: 18px;
height: 18px;
margin-right: 3px;
color: rgba(255, 255, 255, 0.3)
}
.moreUsers-7v8yWY {
padding: 0 4px;
background: rgba(0, 0, 0, 0.3);
border-radius: 10px
}
.containerDragBefore-3Dzc5x:before, .containerDragAfter-3TEhpe:before, .containerDragBefore-3Dzc5x:after, .containerDragAfter-3TEhpe:after, .containerDragBefore-31UGCO:before, .containerDragAfter-1F4fgZ:before, .containerDragBefore-31UGCO:after, .containerDragAfter-1F4fgZ:after {
background: var(--main-color);
border-radius: 0
}
.containerUserOver-1U5YnL:after {
background: var(--main-color);
border-color: transparent;
opacity: .1
}
.panels-j1Uci_ {
background: transparent
}
.panels-j1Uci_ > :first-child {
box-shadow: 0 -2px 10px rgba(0, 0, 0, calc(var(--background-shading) * .3))
}
.container-3baos1 > .flex-1O1GKY, .container-1giJp5 > .flex-1O1GKY {
background: rgba(0, 0, 0, 0.3);
border-radius: 15px
}
.container-3baos1 > .flex-1O1GKY > :nth-child(n+2), .container-1giJp5 > .flex-1O1GKY > :nth-child(n+2) {
position: relative;
margin-left: -1px
}
.container-3baos1 > .flex-1O1GKY > :nth-child(n+2):before, .container-1giJp5 > .flex-1O1GKY > :nth-child(n+2):before {
content: "";
position: absolute;
left: 0;
top: 2px;
bottom: 2px;
width: 1px;
background: rgba(255, 255, 255, 0.2)
}
.button-14-BFJ {
width: 32px;
height: 32px;
opacity: 1
}
.button-14-BFJ > .contents-18-Yxp > svg {
background-position: center;
background-size: 18px;
background-repeat: no-repeat;
color: #fff;
opacity: .3;
transition: all .1s ease-in-out
}
.button-14-BFJ > .contents-18-Yxp > svg[name=Nova_Microphone] {
background-image: url(https://clearvision.gitlab.io/icons/mic.svg)
}
.button-14-BFJ > .contents-18-Yxp > svg[name=Nova_Microphone] > path {
display: none
}
.button-14-BFJ > .contents-18-Yxp > svg[name=Nova_MicrophoneMute] {
background-image: url(https://clearvision.gitlab.io/icons/mic_off.svg)
}
.button-14-BFJ > .contents-18-Yxp > svg[name=Nova_MicrophoneMute] > path {
display: none
}
.button-14-BFJ > .contents-18-Yxp > svg[name=Nova_Headset] {
background-image: url(https://clearvision.gitlab.io/icons/volume_up.svg)
}
.button-14-BFJ > .contents-18-Yxp > svg[name=Nova_Headset] > svg {
display: none
}
.button-14-BFJ > .contents-18-Yxp > svg[name=Nova_HeadsetDeafen] {
background-image: url(https://clearvision.gitlab.io/icons/volume_off.svg)
}
.button-14-BFJ > .contents-18-Yxp > svg[name=Nova_HeadsetDeafen] > path {
display: none
}
.button-14-BFJ > .contents-18-Yxp > svg[name=Gear] {
background-image: url(https://clearvision.gitlab.io/icons/settings.svg)
}
.button-14-BFJ > .contents-18-Yxp > svg[name=Gear] > path {
display: none
}
.button-14-BFJ > .contents-18-Yxp > svg[name=Info] {
background-image: url(https://clearvision.gitlab.io/icons/info.svg)
}
.button-14-BFJ > .contents-18-Yxp > svg[name=Info] > g {
display: none
}
.button-14-BFJ > .contents-18-Yxp > svg[name=Nova_CallLeave] {
background-image: url(https://clearvision.gitlab.io/icons/call_end.svg)
}
.button-14-BFJ > .contents-18-Yxp > svg[name=Nova_CallLeave] > path {
display: none
}
.button-14-BFJ.enabled-2cQ-u7:hover {
background: transparent
}
.button-14-BFJ:hover > .contents-18-Yxp > svg {
opacity: .7
}
.button-14-BFJ:hover > .contents-18-Yxp > svg[name=Gear] {
-webkit-animation: cv-spin 2.5s linear infinite;
animation: cv-spin 2.5s linear infinite
}
.button-14-BFJ.disabled-2iW-fm > .contents-18-Yxp > svg {
opacity: .1
}
.container-3baos1 {
position: relative;
margin-bottom: 10px
}
.container-3baos1:before, .container-3baos1:after {
bottom: -8px;
position: absolute;
color: rgba(255, 255, 255, 0.3);
font-size: 11px;
font-weight: 700;
transition: all .5s ease-in-out
}
.container-3baos1:before {
content: "ClearVision";
right: 50%;
text-align: right;
transform: translateX(50%)
}
.container-3baos1:after {
content: "v6.0.1";
left: 50%;
text-align: left;
opacity: 0;
transform: translateX(50%) rotateX(90deg)
}
.container-3baos1:hover:before {
margin-right: 1px;
transform: none
}
.container-3baos1:hover:after {
margin-left: 1px;
opacity: 1;
transform: none
}
.container-3baos1 .avatar-SmRMf2 {
width: 32px !important;
height: 32px !important;
transition: all .15s ease-in-out
}
.container-3baos1 .avatar-SmRMf2:after {
content: "Status";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
color: #fff;
font-size: 5px;
font-weight: 700;
text-align: center;
line-height: 32px;
text-transform: uppercase;
opacity: 0;
transition: all .15s ease-in-out;
pointer-events: none
}
.container-3baos1 .avatar-SmRMf2 foreignObject {
transition: all .15s ease-in-out
}
.container-3baos1 .avatar-SmRMf2:hover {
width: 40px !important;
height: 40px !important;
opacity: 1
}
.container-3baos1 .avatar-SmRMf2:hover:after {
font-size: 10px;
line-height: 40px;
opacity: 1
}
.container-3baos1 .avatar-SmRMf2:hover foreignObject {
opacity: .5
}
.container-3baos1 .username-2BIRiC {
color: #fff
}
.container-3baos1 .discriminator-3-Lf_x {
color: rgba(255, 255, 255, 0.3)
}
.container-1giJp5 {
border-color: transparent
}
.container-1giJp5 .inner-tyMogq .rtcConnectionStatus-2-jIsi .ping-2NgC8E {
width: 16px;
height: 16px;
margin-right: 3px;
background-size: 16px
}
.container-1giJp5 .channel-1TmDQ6 {
color: rgba(255, 255, 255, 0.3);
opacity: 1;
transition: all .15s ease-in-out
}
.container-1giJp5 .channel-1TmDQ6:hover {
color: rgba(255, 255, 255, 0.5);
text-decoration: none
}
.activityPanel-28dQGo {
border-color: transparent
}
.activityPanel-28dQGo .actions-aUdUfC {
background: rgba(0, 0, 0, 0.3);
border-radius: 15px
}
.activityPanel-28dQGo .actions-aUdUfC > :nth-child(n+2) {
position: relative;
margin-left: -1px
}
.activityPanel-28dQGo .actions-aUdUfC > :nth-child(n+2):before {
content: "";
position: absolute;
left: 0;
top: 2px;
bottom: 2px;
width: 1px;
background: rgba(255, 255, 255, 0.2)
}
.unread-1xRYoj, .mention-1f5kbO {
position: relative;
background: transparent
}
.unread-1xRYoj:after, .mention-1f5kbO:after {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: var(--main-color);
border-radius: 3px;
opacity: .9;
z-index: -1;
transition: all .15s ease-in-out
}
.unread-1xRYoj:hover:after, .mention-1f5kbO:hover:after {
opacity: 1
}
.privateChannels-1nO12o {
background: transparent
}
.privateChannels-1nO12o .scroller-1JbKMe {
background: transparent
}
.privateChannels-1nO12o .header-zu8eWb {
margin-top: 11px;
display: flex;
align-items: center;
justify-content: center;
color: var(--main-color);
font-weight: 700;
text-align: center;
opacity: .85
}
.privateChannels-1nO12o .header-zu8eWb:before {
content: "";
height: 2px;
flex-grow: 1;
transition: all .3s ease-in-out;
background: linear-gradient(to left, var(--main-color) 50%, transparent);
margin-right: 5px
}
.privateChannels-1nO12o .header-zu8eWb:after {
content: "";
height: 2px;
flex-grow: 1;
transition: all .3s ease-in-out;
background: linear-gradient(to right, var(--main-color) 50%, transparent);
margin-left: 5px
}
.privateChannels-1nO12o .channel-2QD9_O {
max-width: none
}
.privateChannels-1nO12o .channel-2QD9_O .layout-2DM8Md {
position: relative;
z-index: 1
}
.privateChannels-1nO12o .channel-2QD9_O .layout-2DM8Md:before {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
border-radius: 3px;
transition: all .15s ease-in-out;
z-index: -1;
pointer-events: none
}
.privateChannels-1nO12o .channel-2QD9_O .layout-2DM8Md:after {
content: "";
position: absolute;
top: 0;
right: 100%;
bottom: 0;
left: 0;
border-radius: 3px;
opacity: .9;
transition: all .3s ease-in-out;
z-index: -1;
pointer-events: none
}
.privateChannels-1nO12o .channel-2QD9_O .closeButton-2GCmT5 {
display: block;
background: url(https://clearvision.gitlab.io/icons/close.svg) center/18px no-repeat;
opacity: 0;
transition: all .15s ease-in-out
}
.privateChannels-1nO12o .channel-2QD9_O .linkButtonIcon-Mlm5d6 {
color: rgba(255, 255, 255, 0.3);
transition: all .15s ease-in-out
}
.privateChannels-1nO12o .channel-2QD9_O:hover .layout-2DM8Md {
background: transparent
}
.privateChannels-1nO12o .channel-2QD9_O:hover .layout-2DM8Md:before {
background: rgba(255, 255, 255, 0.1)
}
.privateChannels-1nO12o .channel-2QD9_O:hover .closeButton-2GCmT5 {
opacity: .3
}
.privateChannels-1nO12o .channel-2QD9_O:hover .closeButton-2GCmT5:hover {
opacity: .7
}
.privateChannels-1nO12o .channel-2QD9_O:hover .linkButtonIcon-Mlm5d6 {
color: rgba(255, 255, 255, 0.7)
}
.privateChannels-1nO12o .channel-2QD9_O.selected-aXhQR6 .layout-2DM8Md {
background: transparent
}
.privateChannels-1nO12o .channel-2QD9_O.selected-aXhQR6 .layout-2DM8Md:before {
background: rgba(255, 255, 255, 0.1)
}
.privateChannels-1nO12o .channel-2QD9_O.selected-aXhQR6 .layout-2DM8Md:after {
right: 0;
background: var(--main-color);
-webkit-animation: cv-channel-select .3s ease-in-out;
animation: cv-channel-select .3s ease-in-out
}
.privateChannels-1nO12o .channel-2QD9_O.selected-aXhQR6 .linkButtonIcon-Mlm5d6 {
color: #fff
}
.searchBar-6Kv8R2 {
background: rgba(0, 0, 0, calc(var(--background-shading) * .3));
box-shadow: 0 2px 10px rgba(0, 0, 0, calc(var(--background-shading) * .3))
}
.searchBar-6Kv8R2 .searchBarComponent-32dTOx {
background: rgba(255, 255, 255, 0.1)
}
.searchBar-6Kv8R2 .inner-3ErfOT {
padding: 0 1px
}
.searchBar-6Kv8R2 .inner-3ErfOT > .input-1Rv96N::-moz-placeholder {
color: rgba(255, 255, 255, 0.3)
}
.searchBar-6Kv8R2 .inner-3ErfOT > .input-1Rv96N:-ms-input-placeholder {
color: rgba(255, 255, 255, 0.3)
}
.searchBar-6Kv8R2 .inner-3ErfOT > .input-1Rv96N::-ms-input-placeholder {
color: rgba(255, 255, 255, 0.3)
}
.searchBar-6Kv8R2 .inner-3ErfOT > .input-1Rv96N::placeholder {
color: rgba(255, 255, 255, 0.3)
}
.channelNotices-41mJbj .channelNotice-1-XFjC:after {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-image: inherit;
background-position: inherit;
background-size: auto;
background-repeat: no-repeat;
opacity: .3;
-webkit-filter: grayscale(1) brightness(1.5);
filter: grayscale(1) brightness(1.5);
pointer-events: none
}
.channelNotices-41mJbj .channelNotice-1-XFjC .close-relY5R {
opacity: .3;
transition: all .15s ease-in-out
}
.channelNotices-41mJbj .channelNotice-1-XFjC .close-relY5R:hover {
opacity: .7
}
.channelNotices-41mJbj .channelNotice-1-XFjC .message-3SOT5P {
color: rgba(255, 255, 255, 0.5)
}
.channelNotices-41mJbj .channelNotice-1-XFjC .message-3SOT5P .btn-11C5_u {
background: rgba(255, 255, 255, 0.1);
border-color: transparent;
color: rgba(255, 255, 255, 0.7);
transition: all .15s ease-in-out
}
.channelNotices-41mJbj .channelNotice-1-XFjC .message-3SOT5P .btn-11C5_u:hover {
background: rgba(255, 255, 255, 0.2);
color: #fff
}
.base-3dtUhz .chat-3bRxxu {
background: transparent
}
.chat-3bRxxu .content-yTz4x3 {
background: transparent
}
.chat-3bRxxu .content-yTz4x3:before {
display: none
}
.chat-3bRxxu .chatContent-a9vAAp {
background: rgba(0, 0, 0, calc(var(--background-shading) * .5))
}
.chat-3bRxxu .messages-3amgkR {
background: transparent;
-webkit-backface-visibility: hidden;
backface-visibility: hidden
}
.chat-3bRxxu .base-34jWEe {
border-bottom: 1px solid rgba(255, 255, 255, 0.02)
}
.chat-3bRxxu .base-34jWEe > h1 {
color: rgba(255, 255, 255, 0.3)
}
.chat-3bRxxu .base-34jWEe > h1 > strong {
color: rgba(255, 255, 255, 0.5);
font-weight: 700
}
.content-yTz4x3 > .scrollerWrap-2lJEkd {
background: rgba(0, 0, 0, 0.5)
}
.gatedContent-3-B7qB .image-2LqJex {
-webkit-filter: hue-rotate(-47deg) saturate(2);
filter: hue-rotate(-47deg) saturate(2);
opacity: .3
}
.gatedContent-3-B7qB .title-1VcOOr {
color: var(--danger-color);
font-weight: 600;
text-shadow: 0 0 3px #000
}
.gatedContent-3-B7qB .description-2ydcYn {
color: rgba(255, 255, 255, 0.7)
}
.gatedContent-3-B7qB .separator-2IZ9ro {
background: rgba(255, 255, 255, 0.07)
}
.gatedContent-3-B7qB .actionRed-gYn8D3 {
position: relative;
background: transparent;
color: rgba(255, 255, 255, 0.7);
z-index: 1
}
.gatedContent-3-B7qB .actionRed-gYn8D3:after {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: var(--danger-color);
border-radius: 3px;
opacity: .5;
transition: inherit;
z-index: -1
}
.gatedContent-3-B7qB .actionRed-gYn8D3:hover {
color: #fff
}
.gatedContent-3-B7qB .actionRed-gYn8D3:hover:after {
opacity: .7
}
.base-3dtUhz .noChannel-Z1DQK7 {
background: rgba(0, 0, 0, 0.5)
}
.noChannel-Z1DQK7 .image-1GzsFd {
-webkit-filter: grayscale(1) brightness(2);
filter: grayscale(1) brightness(2);
opacity: .3
}
.noChannel-Z1DQK7 .title-2BxgL2 {
color: rgba(255, 255, 255, 0.5)
}
.noChannel-Z1DQK7 .text-GwUZgS {
color: rgba(255, 255, 255, 0.3)
}
.chat-3bRxxu .divider-3gKybi {
position: relative;
margin: 10px 6px 10px 20px
}
.chat-3bRxxu .divider-3gKybi:before {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: rgba(255, 255, 255, 0.07);
border-radius: 3px;
z-index: -1
}
.chat-3bRxxu .divider-3gKybi > .dividerContent-2L12VI {
margin: 10px 0;
padding: 5px 15px;
display: block;
font-size: 12px;
text-transform: uppercase;
text-align: center;
border-radius: 3px;
opacity: .9
}
.chat-3bRxxu .divider-3gKybi > .dividerContent-2L12VI:before, .chat-3bRxxu .divider-3gKybi > .dividerContent-2L12VI:after {
display: none
}
.chat-3bRxxu .divider-3gKybi:not(.dividerRed-MKoLlr) > .dividerContent-2L12VI {
color: rgba(255, 255, 255, 0.7)
}
.chat-3bRxxu .divider-3gKybi.dividerRed-MKoLlr:before {
background: var(--main-color);
opacity: .8
}
.chat-3bRxxu .divider-3gKybi.dividerRed-MKoLlr + .divider-3gKybi {
margin-top: 40px
}
.chat-3bRxxu .divider-3gKybi.dividerRed-MKoLlr > .dividerContent-2L12VI {
position: relative;
color: rgba(255, 255, 255, 0.8)
}
.newMessagesBar-265mhP {
background: transparent;
transition: all .15s ease-in-out
}
.newMessagesBar-265mhP:before {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: var(--main-color);
border-radius: 0 0 3px 3px;
opacity: .8;
z-index: -1;
transition: all .15s ease-in-out
}
.newMessagesBar-265mhP:hover:before, .newMessagesBar-265mhP:active:before {
opacity: 1
}
.newMessagesBar-265mhP:active {
padding-top: 0;
transform: scale(0.99)
}
.newMessagesBar-265mhP button, .newMessagesBar-265mhP button:last-child {
color: #fff
}
.jumpToPresentBar-G1R9s6 {
background: rgba(0, 0, 0, 0.7);
border-radius: 3px;
transition: all .15s ease-in-out;
padding-bottom: 0px
}
.jumpToPresentBar-G1R9s6 > button {
color: rgba(255, 255, 255, 0.7);
transition: inherit
}
.jumpToPresentBar-G1R9s6:hover {
background: var(--main-color)
}
.jumpToPresentBar-G1R9s6:hover > button {
color: #fff
}
.jumpToPresentBar-G1R9s6:active {
transform: scale(0.99)
}
.messages-3amgkR .hasMore-3e72_v {
background: rgba(255, 255, 255, 0.07);
border: none;
border-radius: 3px;
box-shadow: none;
color: rgba(255, 255, 255, 0.7);
transition: all .15s ease-in-out
}
.messages-3amgkR .hasMore-3e72_v:hover {
background: var(--main-color);
color: #fff
}
.messages-3amgkR .hasMore-3e72_v:active {
transform: scale(0.99)
}
.form-2fGMdU {
border-color: rgba(255, 255, 255, 0.07)
}
.form-2fGMdU .textArea-2Spzkt {
padding-left: 54px;
padding-right: 128px
}
.form-2fGMdU .charcounter {
color: rgba(255, 255, 255, 0.3)
}
.channelTextArea-1LDbYG .scrollableContainer-38zsVD {
background: transparent;
overflow: visible
}
.channelTextArea-1LDbYG .inner-zqa7da {
background: rgba(0, 0, 0, 0.4);
border-radius: 5px;
transform: translateZ(0)
}
.channelTextArea-1LDbYG .attachButton-1UjEWA .attachButtonPlus-rUdX-B {
opacity: .3;
transition: all .15s ease-in-out
}
.channelTextArea-1LDbYG .attachButton-1UjEWA:hover .attachButtonPlus-rUdX-B {
opacity: .7
}
.channelTextArea-1LDbYG .attachWrapper-1_D-pj {
position: absolute;
top: 0;
left: 0;
border: none
}
.channelTextArea-1LDbYG .attachWrapper-1_D-pj:after {
content: "";
position: fixed;
top: 2px;
bottom: 2px;
left: 44px;
border-right: 1px solid rgba(255, 255, 255, 0.07)
}
.channelTextArea-1LDbYG .textArea-2Spzkt {
max-height: 122px;
overflow-x: hidden;
overflow-y: scroll
}
.channelTextArea-1LDbYG .textArea-2Spzkt::-moz-placeholder {
color: rgba(255, 255, 255, 0.2)
}
.channelTextArea-1LDbYG .textArea-2Spzkt:-ms-input-placeholder {
color: rgba(255, 255, 255, 0.2)
}
.channelTextArea-1LDbYG .textArea-2Spzkt::-ms-input-placeholder {
color: rgba(255, 255, 255, 0.2)
}
.channelTextArea-1LDbYG .textArea-2Spzkt::placeholder {
color: rgba(255, 255, 255, 0.2)
}
.channelTextArea-1LDbYG .textArea-2Spzkt ~ .buttons-205you {
position: absolute;
top: 0;
right: 8px
}
.channelTextArea-1LDbYG .textArea-2Spzkt ~ .buttons-205you:after {
content: "";
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
border: 2px solid rgba(255, 255, 255, 0.1);
border-radius: 5px;
box-shadow: 0 0 3px;
color: transparent;
transition: all .15s ease-in-out;
pointer-events: none
}
.channelTextArea-1LDbYG .textArea-2Spzkt:focus ~ .buttons-205you:after {
border-color: var(--main-color);
color: var(--main-color)
}
.channelTextArea-1LDbYG .button-2vd_v_ {
opacity: .3;
transition: all .15s ease-in-out
}
.channelTextArea-1LDbYG .button-2vd_v_:hover {
opacity: .7
}
.channelTextArea-1LDbYG .typing-2GQL18 {
background: transparent
}
.channelTextArea-1LDbYG .typing-2GQL18 .text-1y-e8- {
color: rgba(255, 255, 255, 0.5)
}
.channelTextArea-1LDbYG .typing-2GQL18 .text-1y-e8- > strong {
color: rgba(255, 255, 255, 0.7);
font-weight: 700
}
.channelTextArea-1LDbYG .wrapper-39oAo3 {
background: rgba(255, 255, 255, 0.07);
border-radius: 5px;
color: rgba(255, 255, 255, 0.7)
}
.channelTextArea-1LDbYG .wrapper-39oAo3 .image-3XsqGc {
-webkit-filter: grayscale(1);
filter: grayscale(1);
opacity: .5
}
.chat-3bRxxu .autocomplete-1vrmpx {
background: transparent;
overflow: hidden
}
.autocomplete-1vrmpx .autocompleteInner-zh20B_, .autocomplete-1vrmpx .container-3ISnnM {
background: rgba(0, 0, 0, 0.8);
-webkit-animation: cv-menu-slide-bottom .2s ease-in-out;
animation: cv-menu-slide-bottom .2s ease-in-out;
transform-origin: 50% 100%
}
.autocomplete-1vrmpx .contentTitle-2tG_sM {
color: rgba(255, 255, 255, 0.5)
}
.autocomplete-1vrmpx .content-Qb0rXO {
color: rgba(255, 255, 255, 0.6)
}
.autocomplete-1vrmpx .iconForeground-1w5n7R {
fill: rgba(255, 255, 255, 0.3)
}
.autocomplete-1vrmpx .description-11DmNu, .autocomplete-1vrmpx .descriptionUsername-J_75O8 {
color: rgba(255, 255, 255, 0.3)
}
.autocomplete-1vrmpx .selectorSelected-1_M1WV {
background: var(--main-color)
}
.autocomplete-1vrmpx .selectorSelected-1_M1WV > .content-Qb0rXO {
color: #fff
}
.autocomplete-1vrmpx .selectorSelected-1_M1WV .iconForeground-1w5n7R {
fill: rgba(255, 255, 255, 0.5)
}
.autocomplete-1vrmpx .selectorSelected-1_M1WV .description-11DmNu, .autocomplete-1vrmpx .selectorSelected-1_M1WV .descriptionUsername-J_75O8 {
color: rgba(255, 255, 255, 0.5)
}
.autocomplete-1vrmpx .header-1TOWci {
box-shadow: 0 1px rgba(255, 255, 255, 0.04)
}
.header-1TOWci .searchBar--fTZYa {
background: rgba(255, 255, 255, 0.07)
}
.header-1TOWci .searchBar--fTZYa .input-3Xdcic {
color: #fff
}
.header-1TOWci .searchBar--fTZYa .input-3Xdcic::-moz-placeholder {
color: rgba(255, 255, 255, 0.3)
}
.header-1TOWci .searchBar--fTZYa .input-3Xdcic:-ms-input-placeholder {
color: rgba(255, 255, 255, 0.3)
}
.header-1TOWci .searchBar--fTZYa .input-3Xdcic::-ms-input-placeholder {
color: rgba(255, 255, 255, 0.3)
}
.header-1TOWci .searchBar--fTZYa .input-3Xdcic::placeholder {
color: rgba(255, 255, 255, 0.3)
}
.header-1TOWci .icon-1S6UIr, .header-1TOWci .backButton-JyKGC1 {
color: rgba(255, 255, 255, 0.7);
transition: all .15s ease-in-out
}
.header-1TOWci .icon-1S6UIr:hover, .header-1TOWci .backButton-JyKGC1:hover {
color: #fff
}
.header-1TOWci .searchHeader-2r8VVk {
color: rgba(255, 255, 255, 0.7)
}
.content-ySCtCx .scroller-2FKFPG::-webkit-scrollbar {
width: 8px !important
}
.content-ySCtCx .categoryFade-2ybR1J, .content-ySCtCx .categoryFadeBlurple-1j72_A {
transition: all .15s ease-in-out
}
.content-ySCtCx .categoryFade-2ybR1J:hover {
background: rgba(0, 0, 0, 0.7)
}
.content-ySCtCx .categoryFadeBlurple-1j72_A, .content-ySCtCx .categoryFadeBlurple-1j72_A:hover {
background: transparent
}
.content-ySCtCx .categoryFadeBlurple-1j72_A:after {
content: "";
width: 100%;
height: 100%;
display: block;
background: var(--main-color);
border-radius: 4px;
opacity: .7
}
.content-ySCtCx .categoryText-2-8pri {
color: #fff;
-webkit-filter: drop-shadow(0 1px 1px rgba(0, 0, 0, 0.7));
filter: drop-shadow(0 1px 1px rgba(0, 0, 0, 0.7))
}
.content-ySCtCx .result-3w1ZcL:after {
transition: all .15s ease-in-out
}
.content-ySCtCx .result-3w1ZcL[style*="background-color:"] {
background: var(--main-color) !important
}
.content-ySCtCx .result-3w1ZcL[style*="background-color: rgb(179, 174, 255)"] {
-webkit-filter: brightness(1.3);
filter: brightness(1.3)
}
.content-ySCtCx .result-3w1ZcL[style*="background-color: rgb(115, 142, 245)"] {
-webkit-filter: grayscale(0.3);
filter: grayscale(0.3)
}
.content-ySCtCx .result-3w1ZcL[style*="background-color: rgb(146, 154, 250)"] {
-webkit-filter: brightness(0.7);
filter: brightness(0.7)
}
.content-ySCtCx .result-3w1ZcL:hover:after, .content-ySCtCx .focused-1En8bG:after {
box-shadow: inset 0 0 0 2px var(--main-color), inset 0 0 0 3px rgba(0, 0, 0, 0.3)
}
.content-ySCtCx .placeholder-1kJjXI {
background: rgba(255, 255, 255, 0.07)
}
.content-ySCtCx .emptyHintCard-2mUdMe {
background: rgba(255, 255, 255, 0.04);
color: rgba(255, 255, 255, 0.5)
}
.content-ySCtCx .endContainer-1ZDW8j:after {
-webkit-filter: grayscale(1) brightness(0.7);
filter: grayscale(1) brightness(0.7);
opacity: .3
}
.chat-3bRxxu .wrapper-29NfPK {
background: rgba(0, 0, 0, calc(var(--background-shading) * .6));
box-shadow: 0 0 10px rgba(0, 0, 0, calc(var(--background-shading) * .6));
margin-bottom: -48px
}
.chat-3bRxxu .wrapper-29NfPK .actions-2vadYq .center-1Vp33r {
background: rgba(0, 0, 0, 0.3)
}
.chat-3bRxxu .wrapper-29NfPK .video-1FfuMD {
background: transparent
}
.chat-3bRxxu .wrapper-29NfPK .video-1FfuMD .actions-2vadYq .center-1Vp33r {
background: rgba(0, 0, 0, 0.3);
border-color: transparent
}
.button-3HqqDX {
background-color: var(--main-color)
}
.button-3HqqDX:hover {
background-color: var(--hover-color)
}
.tile-2naSqK {
background-color: var(--backdrop-overlay)
}
.colorable-1bkp8v.primaryDark-3mSFDl {
background-color: var(--background-overlay)
}
.colorable-1bkp8v.primaryDark-3mSFDl:hover {
background-color: var(--hover-color)
}
.centerButton-3CaNcJ {
border-radius: 50% !important
}
.welcomeMessage-3_Mcht .h1-1IDj26 {
color: var(--main-color)
}
.welcomeMessage-3_Mcht .itemContainer-WiE19S .icon-2shpbb {
-webkit-filter: grayscale(1);
filter: grayscale(1);
opacity: .3
}
.welcomeMessage-3_Mcht .itemContainer-WiE19S p {
color: rgba(255, 255, 255, 0.5)
}
.welcomeMessage-3_Mcht .itemContainer-WiE19S strong {
color: rgba(255, 255, 255, 0.7)
}
.welcomeMessage-3_Mcht .itemContainer-WiE19S a {
color: var(--main-color);
transition: all .1s ease-in-out
}
.welcomeMessage-3_Mcht .itemContainer-WiE19S a:hover {
text-shadow: 0 0 1px;
text-decoration: none !important
}
.messages-3amgkR .container-1YxwTf {
transition: background .3s ease-in-out
}
.messages-3amgkR .container-1YxwTf:active {
background: rgba(255, 255, 255, 0.1);
transition-delay: .3s
}
.container-1YxwTf.isLocalBot-38G0P0 {
background: linear-gradient(to right, transparent, rgba(255, 255, 255, 0.04) 10%, rgba(255, 255, 255, 0.04) 90%, transparent);
box-shadow: none;
color: rgba(255, 255, 255, 0.3)
}
.container-1YxwTf + .container-1YxwTf {
margin-top: -1px
}
.container-1YxwTf .dividerEnabled-2TTlcf {
margin-top: 0;
padding-top: 18px;
border-bottom: 1px solid rgba(255, 255, 255, 0.04)
}
.container-1YxwTf .avatar-17mtNa {
transition: all .3s ease-in-out, transform .1s ease-in-out
}
.container-1YxwTf .avatar-17mtNa:active {
transform: scale(0.9)
}
.container-1YxwTf .username-1A8OIy {
transition: all .1s ease-in-out
}
.container-1YxwTf .username-1A8OIy:hover {
text-shadow: 0 0 1px;
text-decoration: none !important
}
.container-1YxwTf .timestampCozy-2hLAPV, .container-1YxwTf .timestampCompact-MHgFLv, .container-1YxwTf .timestamp-1E3uAL {
color: rgba(255, 255, 255, 0.3);
transition: all .3s ease-in-out
}
.container-1YxwTf:hover .timestampCozy-2hLAPV {
color: rgba(255, 255, 255, 0.7)
}
.container-1YxwTf .container-3-pyIM {
color: rgba(255, 255, 255, 0.5)
}
.container-1YxwTf .markup-2BOw-j {
color: rgba(255, 255, 255, 0.8)
}
.container-1YxwTf .contents-2mQqc9 a, .container-1YxwTf .contents-2mQqc9 .anchor-3Z-8Bb {
color: var(--main-color);
transition: all .1s ease-in-out
}
.container-1YxwTf .contents-2mQqc9 a:hover, .container-1YxwTf .contents-2mQqc9 .anchor-3Z-8Bb:hover {
text-shadow: 0 0 1px;
text-decoration: none !important
}
.container-1YxwTf .isMentioned-N-h9aa {
background: rgba(255, 255, 255, 0.1)
}
.container-1YxwTf .isMentioned-N-h9aa:after {
background: rgba(255, 255, 255, 0.1);
border-left: 4px solid var(--main-color);
border-radius: 2px 0 0 2px
}
.container-1YxwTf .markup-2BOw-j .blockquoteDivider-2hH8H6 {
background: rgba(255, 255, 255, 0.1);
border-radius: 0
}
.container-1YxwTf .reactionBtn-2na4rd, .container-1YxwTf .button-3Jq0g9 {
visibility: visible;
opacity: 0;
transition: all .15s ease-in-out
}
.container-1YxwTf .contents-2mQqc9:hover .reactionBtn-2na4rd, .container-1YxwTf .contents-2mQqc9:hover .button-3Jq0g9 {
opacity: .3
}
.container-1YxwTf .contents-2mQqc9 .reactionBtn-2na4rd:hover, .container-1YxwTf .contents-2mQqc9 .button-3Jq0g9:hover, .container-1YxwTf .contents-2mQqc9 .reactionBtn-2na4rd.popout-open, .container-1YxwTf .contents-2mQqc9 .button-3Jq0g9.popout-open {
opacity: .7
}
.container-1YxwTf .reactionBtn-2na4rd {
background: url(https://clearvision.gitlab.io/icons/emote.svg) center/100% no-repeat
}
.container-1YxwTf .reactionBtn-2na4rd:hover {
opacity: .7 !important
}
.container-1YxwTf .button-3Jq0g9 {
background: url(https://clearvision.gitlab.io/icons/settings.svg) center/100% no-repeat
}
.container-1YxwTf .button-3Jq0g9:hover, .container-1YxwTf .button-3Jq0g9.popout-open {
-webkit-animation: cv-spin 2.5s linear infinite;
animation: cv-spin 2.5s linear infinite
}
.container-1YxwTf .reactionBtn-2na4rd > svg, .container-1YxwTf .button-3Jq0g9 > svg {
display: none
}
.container-1YxwTf .operations-36ENbA {
color: rgba(255, 255, 255, 0.3)
}
.container-1YxwTf > div[style^="border-radius: 2px;"] {
border-radius: 3px !important;
-webkit-animation: cv-message-jump 2s ease-in-out;
animation: cv-message-jump 2s ease-in-out
}
.container-1YxwTf > div[style^="border-radius: 2px;"][style$="0);"] {
-webkit-animation: none;
animation: none
}
.reactions-1xb2Ex .reaction-1ELvT8 {
position: relative;
background: rgba(255, 255, 255, 0.04);
border-radius: 3px;
transition: all .15s ease-in-out
}
.reactions-1xb2Ex .reaction-1ELvT8 .reactionInner-rRPZdY {
padding: 0 5px
}
.reactions-1xb2Ex .reaction-1ELvT8 .reactionCount-2ddRoS {
margin-left: 5px;
color: rgba(255, 255, 255, 0.3);
transition: all .15s ease-in-out
}
.reactions-1xb2Ex .reaction-1ELvT8:hover {
background: rgba(255, 255, 255, 0.1)
}
.reactions-1xb2Ex .reaction-1ELvT8:hover .reactionCount-2ddRoS {
color: rgba(255, 255, 255, 0.5)
}
.reactions-1xb2Ex .reaction-1ELvT8.reactionMe-23mbRf {
background: transparent
}
.reactions-1xb2Ex .reaction-1ELvT8.reactionMe-23mbRf:after {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: var(--main-color);
border-radius: 3px;
opacity: .5;
z-index: -1;
transition: all .15s ease-in-out
}
.reactions-1xb2Ex .reaction-1ELvT8.reactionMe-23mbRf .reactionCount-2ddRoS {
color: rgba(255, 255, 255, 0.7)
}
.reactions-1xb2Ex .reaction-1ELvT8.reactionMe-23mbRf:hover:after {
opacity: .7
}
.reactions-1xb2Ex .reaction-1ELvT8.reactionMe-23mbRf:hover .reactionCount-2ddRoS {
color: #fff
}
.container-1YxwTf .wrapper-35wsBm {
background: rgba(0, 0, 0, 0.4);
border-color: transparent
}
.container-1YxwTf .wrapper-35wsBm .h5-18_1nd {
color: rgba(255, 255, 255, 0.5)
}
.container-1YxwTf .wrapper-35wsBm .guildName-2hvnt_ {
color: var(--main-color);
transition: all .1s ease-in-out
}
.container-1YxwTf .wrapper-35wsBm .guildName-2hvnt_:hover {
text-shadow: 0 0 1px;
text-decoration: none !important
}
.container-1YxwTf .wrapper-35wsBm .guildNameExpired-2Hp80V {
color: var(--danger-color)
}
.container-1YxwTf .wrapper-35wsBm .guildIcon-lQ0uiM {
background-color: rgba(255, 255, 255, 0.04)
}
.container-1YxwTf .wrapper-35wsBm .guildIconExpired-2Qcq05 {
position: relative;
background-size: 0;
background: rgba(255, 255, 255, 0.04)
}
.container-1YxwTf .wrapper-35wsBm .guildIconExpired-2Qcq05:before, .container-1YxwTf .wrapper-35wsBm .guildIconExpired-2Qcq05:after {
content: "";
position: absolute;
top: 10%;
bottom: 10%;
left: 50%;
width: 6px;
background: var(--danger-color);
border-radius: 1px
}
.container-1YxwTf .wrapper-35wsBm .guildIconExpired-2Qcq05:after {
transform: translateX(-50%) rotate(45deg)
}
.container-1YxwTf .wrapper-35wsBm .guildIconExpired-2Qcq05:before {
transform: translateX(-50%) rotate(-45deg)
}
.container-1YxwTf .wrapper-35wsBm .guildDetail-1nRKNE {
padding-left: 1px;
margin-left: -1px;
color: rgba(255, 255, 255, 0.3)
}
.container-1YxwTf .wrapper-35wsBm .statusOnline-8PnF5L {
background: var(--online-color);
color: var(--online-color)
}
.container-1YxwTf .wrapper-35wsBm .statusOffline-37RKt7 {
background: var(--offline-color);
color: var(--offline-color)
}
.container-1YxwTf .wrapper-35wsBm .button-3To2tQ {
border-color: transparent
}
.container-1YxwTf .wrapper-35wsBm .lookFilled-1Gx00P.colorGreen-29iAKY {
background: transparent;
border: 1px solid var(--success-color);
transition: all .3s ease-in-out
}
.container-1YxwTf .wrapper-35wsBm .lookFilled-1Gx00P.colorGreen-29iAKY:hover {
background: var(--success-color)
}
.container-1YxwTf .wrapper-35wsBm .lookOutlined-3sRXeN.colorPrimary-3b3xI6 {
background: rgba(255, 255, 255, 0.1);
border-color: transparent;
opacity: .3;
cursor: default
}
.container-1YxwTf .wrapper-35wsBm .lookFilled-1Gx00P.colorBrand-3pXr91 {
background: transparent;
border: 1px solid var(--danger-color);
transition: all .3s ease-in-out
}
.container-1YxwTf .wrapper-35wsBm .lookFilled-1Gx00P.colorBrand-3pXr91:hover {
background: var(--danger-color)
}
.embed-IeVjo6 {
position: relative;
background: transparent;
border-color: #fff
}
.embed-IeVjo6 .embedFieldName-NFrena, .embed-IeVjo6 .embedTitle-3OXDkz {
color: #fff !important
}
.embed-IeVjo6 .embedProvider-3k5pfl {
color: rgba(255, 255, 255, 0.7) !important
}
.embed-IeVjo6 .embedDescription-1Cuq9a, .embed-IeVjo6 .embedFieldValue-nELq2s {
color: rgba(255, 255, 255, 0.7)
}
.embed-IeVjo6 .embedLink-1G1K1D {
color: var(--main-color);
transition: all .1s ease-in-out
}
.embed-IeVjo6 .embedLink-1G1K1D:hover {
text-shadow: 0 0 1px;
text-decoration: none !important
}
.embed-IeVjo6 .embedTitleLink-1Zla9e {
color: var(--main-color) !important
}
.embed-IeVjo6 .embedVideoActions-O6vR7W .wrapper-129saQ {
background: rgba(0, 0, 0, 0.5);
color: #fff;
box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.5)
}
.embed-IeVjo6 a > code.inline {
color: var(--main-color)
}
.embed-IeVjo6 .embedFooterText-28V_Wb {
color: rgba(255, 255, 255, 0.5)
}
.embed-IeVjo6 .embedFooterSeparator-3klTIQ {
color: rgba(255, 255, 255, 0.07)
}
.imageError-2OefUi {
-webkit-filter: grayscale(1) brightness(2);
filter: grayscale(1) brightness(2);
opacity: .3
}
.contents-2mQqc9 .wrapper-2TxpI8 {
background: rgba(0, 0, 0, 0.2);
border-color: transparent
}
.audioControls-2HsaU6 {
background: transparent
}
.videoControls-2kcYic {
background: rgba(0, 0, 0, 0.6)
}
.wrapper-2TxpI8 .metadataDownload-1fk90V, .wrapper-2TxpI8 .controlIcon-3cRbti {
opacity: .5;
transition: all .15s ease-in-out
}
.wrapper-2TxpI8 .metadataDownload-1fk90V:hover, .wrapper-2TxpI8 .controlIcon-3cRbti:hover {
opacity: 1
}
.wrapper-2TxpI8 .metadataIcon-2FyCKU, .wrapper-2TxpI8 .metadataIcon-2FyCKU:hover {
color: #fff
}
.audioMetadata-3zOuGv:before {
content: "";
width: 36px;
height: 36px;
background: url(https://clearvision.gitlab.io/icons/file_music.svg) center/100% no-repeat;
opacity: .5
}
.audioMetadata-3zOuGv .metadataSize-2UOOLK {
color: rgba(255, 255, 255, 0.3)
}
.mediaBarWrapper-3D7r67, .mediaBarWrapper-3D7r67:before, .mediaBarWrapper-3D7r67:after {
background: rgba(255, 255, 255, 0.07)
}
.buffer-26XPkd, .buffer-26XPkd:before, .buffer-26XPkd:after {
background: rgba(255, 255, 255, 0.04);
opacity: 1
}
.mediaBarGrabber-1FqnbN, .mediaBarProgress-1xaPtl {
background: var(--main-color);
transition: background .15s ease-in-out
}
.mediaBarProgress-1xaPtl:before, .mediaBarProgress-1xaPtl:after {
background: var(--main-color)
}
.mediaBarPreview-1jfyFs {
opacity: 0;
transition: opacity .15s ease-in-out
}
.mediaBarPreview-1jfyFs, .mediaBarPreview-1jfyFs:before, .mediaBarPreview-1jfyFs:after {
background: #fff
}
.bubble-3qRl2J {
background: var(--main-color);
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
color: #fff;
transform: translateX(-50%) rotateX(-90deg);
transform-origin: 50% 100%;
transition: all .15s ease-in-out, left 0s
}
.bubble-3qRl2J:before {
border-top-color: var(--main-color)
}
.mediaBarInteraction-37i2O4:hover .mediaBarGrabber-1FqnbN {
background: var(--main-color)
}
.mediaBarInteraction-37i2O4:hover .mediaBarPreview-1jfyFs {
opacity: .1
}
.mediaBarInteractionDragging-2QurIZ .mediaBarProgress-1xaPtl, .mediaBarInteractionDragging-2QurIZ .mediaBarGrabber-1FqnbN, .mediaBarInteractionDragging-2QurIZ .bubble-3qRl2J {
background: var(--hover-color)
}
.mediaBarInteractionDragging-2QurIZ .bubble-3qRl2J:before {
border-top-color: var(--hover-color)
}
.mediaBarInteraction-37i2O4:hover .mediaBarWrapper-3D7r67, .mediaBarInteractionDragging-2QurIZ .mediaBarWrapper-3D7r67 {
box-shadow: none;
-webkit-filter: drop-shadow(0 0 1px rgba(0, 0, 0, 0.3));
filter: drop-shadow(0 0 1px rgba(0, 0, 0, 0.3))
}
.mediaBarInteraction-37i2O4:hover .bubble-3qRl2J, .mediaBarInteractionDragging-2QurIZ .bubble-3qRl2J {
transform: translateX(-50%)
}
.container-1YxwTf .invite-18yqGF {
background: rgba(0, 0, 0, 0.3);
border: none
}
.invite-18yqGF .header-Hg_qNF {
color: rgba(255, 255, 255, 0.5)
}
.invite-18yqGF .partyStatus-6AjDud {
color: #fff
}
.invite-18yqGF .helpIcon-2EyVTp {
display: flex;
background: rgba(255, 255, 255, 0.07);
transition: all .15s ease-in-out;
opacity: 0
}
.invite-18yqGF:hover .helpIcon-2EyVTp {
opacity: .7
}
.invite-18yqGF:hover .helpIcon-2EyVTp:hover {
opacity: 1
}
.invite-18yqGF .artworkSpotifySessionEnded-11d_If {
-webkit-filter: grayscale(1) brightness(2);
filter: grayscale(1) brightness(2);
opacity: .3
}
.invite-18yqGF .partyMemberEmpty-2iyh5g {
background: rgba(255, 255, 255, 0.07)
}
.markup-2BOw-j code.inline {
padding: 3.5px 7.5px;
background: rgba(255, 255, 255, 0.1);
border-radius: 3px;
color: rgba(255, 255, 255, 0.7);
font-family: var(--code-font);
line-height: 22px
}
.markup-2BOw-j code.inline + pre {
margin-top: -1px
}
.markup-2BOw-j pre {
max-width: 93%;
padding: 0;
background: transparent;
border: 2px solid transparent;
font-family: var(--code-font)
}
.markup-2BOw-j pre > .hljs {
position: relative;
padding: 6px;
background: rgba(0, 0, 0, 0.42);
border: none;
border-radius: 5px;
color: rgba(255, 255, 255, 0.7)
}
.markup-2BOw-j pre > .hljs:before {
height: 10px;
color: rgba(255, 255, 255, 0.3);
line-height: 10px;
opacity: 1
}
code {
font-family: var(--code-font)
}
.hljs:before {
display: block;
float: right;
text-align: right;
line-height: 100%;
opacity: .5;
pointer-events: none
}
.hljs[class~="1c" i]:before {
content: "1C:Enterprise"
}
.hljs[class~="abnf" i]:before {
content: "ABNF"
}
.hljs[class~="accesslog" i]:before {
content: "Access Log"
}
.hljs[class~="actionscript" i]:before, .hljs[class~="as" i]:before {
content: "ActionScript"
}
.hljs[class~="ada" i]:before {
content: "Ada"
}
.hljs[class~="apache" i]:before, .hljs[class~="apacheconf" i]:before {
content: "Apache"
}
.hljs[class~="applescript" i]:before, .hljs[class~="osascript" i]:before {
content: "Applescript"
}
.hljs[class~="arduino" i]:before {
content: "Arduino"
}
.hljs[class~="armasm" i]:before, .hljs[class~="arm" i]:before {
content: "ARM Assembly"
}
.hljs[class~="asciidoc" i]:before, .hljs[class~="adoc" i]:before {
content: "AsciiDoc"
}
.hljs[class~="aspectj" i]:before {
content: "AspectJ"
}
.hljs[class~="atom" i]:before {
content: "Atom Feed (XML)"
}
.hljs[class~="autohotkey" i]:before {
content: "AutoHotkey"
}
.hljs[class~="autoit" i]:before {
content: "AutoIt"
}
.hljs[class~="avrasm" i]:before {
content: "AVR Assembler"
}
.hljs[class~="awk" i]:before {
content: "awk"
}
.hljs[class~="axapta" i]:before {
content: "Axapta"
}
.hljs[class~="bash" i]:before, .hljs[class~="sh" i]:before, .hljs[class~="zsh" i]:before {
content: "Bash"
}
.hljs[class~="basic" i]:before {
content: "Basic"
}
.hljs[class~="dos" i]:before, .hljs[class~="bat" i]:before, .hljs[class~="cmd" i]:before {
content: "Batch"
}
.hljs[class~="bnf" i]:before, .hljs[class~="bf" i]:before {
content: "BNF"
}
.hljs[class~="brainfuck" i]:before {
content: "Brainfuck"
}
.hljs[class~="c" i]:before, .hljs[class~="h" i]:before {
content: "C/C++"
}
.hljs[class~="cc" i]:before, .hljs[class~="cpp" i]:before, .hljs[class~="hpp" i]:before {
content: "C++"
}
.hljs[class~="cs" i]:before, .hljs[class~="csharp" i]:before {
content: "C#"
}
.hljs[class~="cal" i]:before {
content: "C/AL"
}
.hljs[class~="capnproto" i]:before, .hljs[class~="capnp" i]:before {
content: "Cap'n Proto"
}
.hljs[class~="ceylon" i]:before {
content: "Ceylon"
}
.hljs[class~="clean" i]:before, .hljs[class~="icl" i]:before, .hljs[class~="dcl" i]:before {
content: "Clean"
}
.hljs[class~="clojure" i]:before, .hljs[class~="clj" i]:before {
content: "Clojure"
}
.hljs[class~="clojure-repl" i]:before {
content: "Clojure REPL"
}
.hljs[class~="cmake" i]:before {
content: "CMake"
}
.hljs[class~="coffeescript" i]:before, .hljs[class~="coffee" i]:before, .hljs[class~="cson" i]:before, .hljs[class~="iced" i]:before {
content: "CoffeeScript"
}
.hljs[class~="coq" i]:before {
content: "Coq"
}
.hljs[class~="cos" i]:before, .hljs[class~="cls" i]:before {
content: "Caché Object Script"
}
.hljs[class~="podspec" i]:before {
content: "CocoaPod"
}
.hljs[class~="crmsh" i]:before, .hljs[class~="crm" i]:before, .hljs[class~="pcmk" i]:before {
content: "crmsh"
}
.hljs[class~="crystal" i]:before, .hljs[class~="cr" i]:before {
content: "Crystal"
}
.hljs[class~="csp" i]:before {
content: "CSP"
}
.hljs[class~="css" i]:before {
content: "CSS"
}
.hljs[class~="d" i]:before {
content: "D"
}
.hljs[class~="dart" i]:before {
content: "Dart"
}
.hljs[class~="delphi" i]:before, .hljs[class~="dfm" i]:before, .hljs[class~="dpr" i]:before {
content: "Delphi (Object Pascal)"
}
.hljs[class~="diff" i]:before, .hljs[class~="patch" i]:before {
content: "Diff"
}
.hljs[class~="django" i]:before {
content: "Django"
}
.hljs[class~="dns" i]:before, .hljs[class~="bind" i]:before, .hljs[class~="zone" i]:before {
content: "DNS Zone File"
}
.hljs[class~="dockerfile" i]:before, .hljs[class~="docker" i]:before {
content: "Dockerfile"
}
.hljs[class~="dsconfig" i]:before {
content: "dsconfig"
}
.hljs[class~="dts" i]:before {
content: "Device Tree"
}
.hljs[class~="dust" i]:before, .hljs[class~="dst" i]:before {
content: "Dust"
}
.hljs[class~="ebnf" i]:before {
content: "EBNF"
}
.hljs[class~="elixir" i]:before {
content: "Elixir"
}
.hljs[class~="elm" i]:before {
content: "Elm"
}
.hljs[class~="erb" i]:before {
content: "eRuby"
}
.hljs[class~="erlang" i]:before, .hljs[class~="erl" i]:before {
content: "Erlang"
}
.hljs[class~="erlang-repl" i]:before {
content: "Erlang REPL"
}
.hljs[class~="excel" i]:before, .hljs[class~="xls" i]:before, .hljs[class~="xlsx" i]:before {
content: "Excel"
}
.hljs[class~="fs" i]:before, .hljs[class~="fsharp" i]:before {
content: "F#"
}
.hljs[class~="fix" i]:before {
content: "Fix"
}
.hljs[class~="flix" i]:before {
content: "Flix"
}
.hljs[class~="fortran" i]:before, .hljs[class~="f90" i]:before, .hljs[class~="f95" i]:before {
content: "Fortran"
}
.hljs[class~="gams" i]:before, .hljs[class~="gms" i]:before {
content: "GAMS"
}
.hljs[class~="gauss" i]:before, .hljs[class~="gss" i]:before {
content: "GAUSS"
}
.hljs[class~="gcode" i]:before, .hljs[class~="nc" i]:before {
content: "G-code"
}
.hljs[class~="gherkin" i]:before, .hljs[class~="feature" i]:before {
content: "Gherkin"
}
.hljs[class~="glsl" i]:before {
content: "GLSL"
}
.hljs[class~="go" i]:before, .hljs[class~="golang" i]:before {
content: "Go"
}
.hljs[class~="golo" i]:before {
content: "Golo"
}
.hljs[class~="gradle" i]:before {
content: "Gradle"
}
.hljs[class~="groovy" i]:before {
content: "Groovy"
}
.hljs[class~="haml" i]:before {
content: "Haml"
}
.hljs[class~="handlebars" i]:before, .hljs[class~="hbs" i]:before {
content: "Handlebars"
}
.hljs[class~="haskell" i]:before, .hljs[class~="hs" i]:before {
content: "Haskell"
}
.hljs[class~="haxe" i]:before, .hljs[class~="hx" i]:before {
content: "Haxe"
}
.hljs[class~="hsp" i]:before {
content: "HSP"
}
.hljs[class~="html" i]:before {
content: "HTML"
}
.hljs[class~="htmlbars" i]:before {
content: "HTMLBars"
}
.hljs[class~="http" i]:before {
content: "HTTP"
}
.hljs[class~="https" i]:before {
content: "HTTPS"
}
.hljs[class~="hy" i]:before, .hljs[class~="hylang" i]:before {
content: "Hy"
}
.hljs[class~="inform7" i]:before, .hljs[class~="i7" i]:before {
content: "Inform7"
}
.hljs[class~="ini" i]:before {
content: "INI"
}
.hljs[class~="irb" i]:before {
content: "IRB"
}
.hljs[class~="irpf90" i]:before {
content: "IRPF90"
}
.hljs[class~="java" i]:before, .hljs[class~="jsp" i]:before {
content: "Java"
}
.hljs[class~="javascript" i]:before, .hljs[class~="js" i]:before, .hljs[class~="jsx" i]:before {
content: "JavaScript/JSX"
}
.hljs[class~="xjb" i]:before {
content: "JAXB (XML)"
}
.hljs[class~="jboss-cli" i]:before, .hljs[class~="wildfly-cli" i]:before {
content: "JBoss CLI"
}
.hljs[class~="jinja" i]:before {
content: "Jinja"
}
.hljs[class~="json" i]:before {
content: "JSON"
}
.hljs[class~="julia" i]:before {
content: "Julia"
}
.hljs[class~="julia-repl" i]:before {
content: "Julia REPL"
}
.hljs[class~="kotlin" i]:before {
content: "Kotlin"
}
.hljs[class~="lasso" i]:before, .hljs[class~="lassoscript" i]:before, .hljs[class~="ls" i]:before {
content: "Lasso"
}
.hljs[class~="ldif" i]:before {
content: "LDIF"
}
.hljs[class~="leaf" i]:before {
content: "Leaf"
}
.hljs[class~="less" i]:before {
content: "Less"
}
.hljs[class~="lisp" i]:before {
content: "Lisp"
}
.hljs[class~="livecodeserver" i]:before {
content: "LiveCode Server"
}
.hljs[class~="livescript" i]:before, .hljs[class~="ls" i]:before {
content: "LiveScript"
}
.hljs[class~="llvm" i]:before {
content: "LLVM IR"
}
.hljs[class~="lsl" i]:before {
content: "LSL"
}
.hljs[class~="lua" i]:before {
content: "Lua"
}
.hljs[class~="makefile" i]:before, .hljs[class~="mk" i]:before, .hljs[class~="mak" i]:before {
content: "Makefile"
}
.hljs[class~="markdown" i]:before, .hljs[class~="md" i]:before, .hljs[class~="mkd" i]:before, .hljs[class~="mkdown" i]:before {
content: "Markdown"
}
.hljs[class~="mathematica" i]:before, .hljs[class~="mma" i]:before {
content: "Mathematica"
}
.hljs[class~="matlab" i]:before {
content: "MatLab"
}
.hljs[class~="maxima" i]:before {
content: "Maxima"
}
.hljs[class~="mel" i]:before {
content: "MEL"
}
.hljs[class~="mercury" i]:before, .hljs[class~="m" i]:before, .hljs[class~="moo" i]:before {
content: "Mercury"
}
.hljs[class~="mipsasm" i]:before, .hljs[class~="mips" i]:before {
content: "MIPS Assembly"
}
.hljs[class~="routeros" i]:before, .hljs[class~="mikrotik" i]:before {
content: "Mikrotik RouterOS"
}
.hljs[class~="mizar" i]:before {
content: "Mizar"
}
.hljs[class~="mojolicious" i]:before {
content: "Mojolicious"
}
.hljs[class~="monkey" i]:before {
content: "Monkey"
}
.hljs[class~="moonscript" i]:before, .hljs[class~="moon" i]:before {
content: "MoonScript"
}
.hljs[class~="n1ql" i]:before {
content: "N1QL"
}
.hljs[class~="nginx" i]:before, .hljs[class~="nginxconf" i]:before {
content: "Nginx"
}
.hljs[class~="nimrod" i]:before, .hljs[class~="nim" i]:before {
content: "Nimrod"
}
.hljs[class~="nix" i]:before, .hljs[class~="nixos" i]:before {
content: "Nix"
}
.hljs[class~="nsis" i]:before {
content: "NSIS"
}
.hljs[class~="objectivec" i]:before, .hljs[class~="objc" i]:before, .hljs[class~="obj-c" i]:before, .hljs[class~="mm" i]:before {
content: "Objective-C"
}
.hljs[class~="ocaml" i]:before, .hljs[class~="ml" i]:before {
content: "OCaml"
}
.hljs[class~="openscad" i]:before, .hljs[class~="scad" i]:before {
content: "OpenSCAD"
}
.hljs[class~="ruleslanguage" i]:before {
content: "Oracle Rules Language"
}
.hljs[class~="oxygene" i]:before {
content: "Oxygene"
}
.hljs[class~="parser3" i]:before {
content: "Parser3"
}
.hljs[class~="pascal" i]:before, .hljs[class~="pas" i]:before, .hljs[class~="freepascal" i]:before, .hljs[class~="lazarus" i]:before, .hljs[class~="lfm" i]:before, .hljs[class~="lpr" i]:before {
content: "Pascal/Object Pascal"
}
.hljs[class~="perl" i]:before, .hljs[class~="pl" i]:before, .hljs[class~="pm" i]:before {
content: "Perl"
}
.hljs[class~="pf" i]:before {
content: "OpenBSD PF"
}
.hljs[class~="php" i]:before, .hljs[class~="php3" i]:before, .hljs[class~="php4" i]:before, .hljs[class~="php5" i]:before, .hljs[class~="php6" i]:before {
content: "PHP"
}
.hljs[class~="pony" i]:before {
content: "Pony"
}
.hljs[class~="powershell" i]:before, .hljs[class~="ps" i]:before {
content: "PowerShell"
}
.hljs[class~="processing" i]:before {
content: "Processing"
}
.hljs[class~="prolog" i]:before {
content: "Prolog"
}
.hljs[class~="plist" i]:before {
content: "Property List"
}
.hljs[class~="protobuf" i]:before {
content: "Protocol Buffers"
}
.hljs[class~="puppet" i]:before, .hljs[class~="pp" i]:before {
content: "Puppet"
}
.hljs[class~="purebasic" i]:before, .hljs[class~="pb" i]:before, .hljs[class~="pbi" i]:before {
content: "PureBASIC"
}
.hljs[class~="python" i]:before, .hljs[class~="py" i]:before, .hljs[class~="gyp" i]:before {
content: "Python"
}
.hljs[class~="profile" i]:before {
content: "Python profile"
}
.hljs[class~="q" i]:before, .hljs[class~="k" i]:before, .hljs[class~="kdb" i]:before {
content: "Q"
}
.hljs[class~="qml" i]:before, .hljs[class~="qt" i]:before {
content: "QML"
}
.hljs[class~="r" i]:before {
content: "R"
}
.hljs[class~="rib" i]:before {
content: "RenderMan RIB"
}
.hljs[class~="rsl" i]:before {
content: "RenderMan RSL"
}
.hljs[class~="roboconf" i]:before, .hljs[class~="graph" i]:before, .hljs[class~="instances" i]:before {
content: "Roboconf"
}
.hljs[class~="rss" i]:before {
content: "RSS Feed (XML)"
}
.hljs[class~="ruby" i]:before, .hljs[class~="rb" i]:before {
content: "Ruby"
}
.hljs[class~="thor" i]:before {
content: "Thor (Ruby)"
}
.hljs[class~="gemspec" i]:before {
content: "Ruby Gem"
}
.hljs[class~="rust" i]:before, .hljs[class~="rs" i]:before {
content: "Rust"
}
.hljs[class~="scala" i]:before {
content: "Scala"
}
.hljs[class~="scheme" i]:before {
content: "Scheme"
}
.hljs[class~="scilab" i]:before, .hljs[class~="sci" i]:before {
content: "Scilab"
}
.hljs[class~="scss" i]:before {
content: "SCSS"
}
.hljs[class~="shell" i]:before, .hljs[class~="console" i]:before {
content: "Shell"
}
.hljs[class~="smali" i]:before {
content: "Smali"
}
.hljs[class~="smalltalk" i]:before, .hljs[class~="st" i]:before {
content: "Smalltalk"
}
.hljs[class~="sml" i]:before, .hljs[class~="ml" i]:before {
content: "SML"
}
.hljs[class~="sqf" i]:before {
content: "SQF"
}
.hljs[class~="sql" i]:before {
content: "SQL"
}
.hljs[class~="stan" i]:before {
content: "Stan"
}
.hljs[class~="stata" i]:before, .hljs[class~="do" i]:before, .hljs[class~="ado" i]:before {
content: "Stata"
}
.hljs[class~="step21" i]:before, .hljs[class~="step" i]:before, .hljs[class~="stp" i]:before, .hljs[class~="p21" i]:before {
content: "STEP Part 21"
}
.hljs[class~="stylus" i]:before, .hljs[class~="styl" i]:before {
content: "Stylus"
}
.hljs[class~="subunit" i]:before {
content: "SubUnit"
}
.hljs[class~="swift" i]:before {
content: "Swift"
}
.hljs[class~="taggerscript" i]:before {
content: "Tagger Script"
}
.hljs[class~="tap" i]:before {
content: "TAP"
}
.hljs[class~="tcl" i]:before, .hljs[class~="tk" i]:before {
content: "Tcl"
}
.hljs[class~="tex" i]:before {
content: "TeX"
}
.hljs[class~="thrift" i]:before {
content: "Thrift"
}
.hljs[class~="toml" i]:before {
content: "TOML"
}
.hljs[class~="tp" i]:before {
content: "TP"
}
.hljs[class~="twig" i]:before, .hljs[class~="craftcms" i]:before {
content: "Twig"
}
.hljs[class~="typescript" i]:before, .hljs[class~="ts" i]:before {
content: "TypeScript"
}
.hljs[class~="vala" i]:before {
content: "Vala"
}
.hljs[class~="vbnet" i]:before, .hljs[class~="vb" i]:before {
content: "VB.NET"
}
.hljs[class~="vbscript" i]:before, .hljs[class~="vbs" i]:before {
content: "VBScript"
}
.hljs[class~="vbscript-html" i]:before {
content: "VBScript HTML"
}
.hljs[class~="verilog" i]:before, .hljs[class~="v" i]:before, .hljs[class~="sv" i]:before, .hljs[class~="svh" i]:before {
content: "Verilog"
}
.hljs[class~="vhdl" i]:before {
content: "VHDL"
}
.hljs[class~="vim" i]:before {
content: "Vim Script"
}
.hljs[class~="x86asm" i]:before {
content: "x86 Assembly"
}
.hljs[class~="xl" i]:before, .hljs[class~="tao" i]:before {
content: "XL"
}
.hljs[class~="xquery" i]:before, .hljs[class~="xq" i]:before, .hljs[class~="xpath" i]:before {
content: "XQuery"
}
.hljs[class~="yaml" i]:before, .hljs[class~="yml" i]:before {
content: "YAML"
}
.hljs[class~="xhtml" i]:before {
content: "XHTML"
}
.hljs[class~="xml" i]:before {
content: "XML"
}
.hljs[class~="xsd" i]:before {
content: "XML Schema"
}
.hljs[class~="xsl" i]:before {
content: "XSL"
}
.hljs[class~="zephir" i]:before, .hljs[class~="zep" i]:before {
content: "Zephir"
}
.topic-TCb_qw .wrapper-3WhCwL, .topic-TCb_qw .mention, .markup-2BOw-j .wrapper-3WhCwL, .markup-2BOw-j .mention {
padding: 1px 4px;
border-radius: 5px;
line-height: 22px;
font-weight: 500;
white-space: nowrap;
transition: all .15s ease-in-out;
cursor: pointer
}
.topic-TCb_qw .wrapper-3WhCwL, .markup-2BOw-j .wrapper-3WhCwL {
background: rgba(255, 255, 255, 0.04);
color: rgba(255, 255, 255, 0.7)
}
.topic-TCb_qw .wrapper-3WhCwL:hover, .markup-2BOw-j .wrapper-3WhCwL:hover {
background: var(--main-color);
color: #fff
}
.topic-TCb_qw strong > .wrapper-3WhCwL, .topic-TCb_qw strong > .mention, .markup-2BOw-j strong > .wrapper-3WhCwL, .markup-2BOw-j strong > .mention {
font-weight: 600
}
.isMentioned-N-h9aa .markup-2BOw-j .mention {
padding: 0;
background: transparent !important;
color: var(--main-color);
transition: all .1s ease-in-out
}
.isMentioned-N-h9aa .markup-2BOw-j .mention:hover {
text-shadow: 0 0 1px;
text-decoration: none !important
}
.isMentioned-N-h9aa .markup-2BOw-j .mention:hover {
color: var(--main-color)
}
.contents-2mQqc9 .spoilerText-3p6IlD {
background: rgba(255, 255, 255, 0.04);
transition: all .15s ease-in-out
}
.contents-2mQqc9 .spoilerText-3p6IlD > .inlineContent-3ZjPuv {
opacity: 1;
transition: inherit
}
.contents-2mQqc9 .spoilerText-3p6IlD.hidden-HHr2R9 {
background: rgba(0, 0, 0, 0.5)
}
.contents-2mQqc9 .spoilerText-3p6IlD.hidden-HHr2R9:hover {
background: rgba(0, 0, 0, 0.7)
}
.contents-2mQqc9 .spoilerText-3p6IlD.hidden-HHr2R9:hover > .inlineContent-3ZjPuv {
opacity: .3;
transition-duration: .3s;
transition-delay: .3s
}
.contents-2mQqc9 .spoilerText-3p6IlD.hidden-HHr2R9 > .inlineContent-3ZjPuv {
opacity: 0
}
.markup-2BOw-j .spoilerText-3p6IlD {
padding: 1px 4px
}
.spoilerContainer-331r0R > .spoilerWarning-2aAZq1 {
background: rgba(0, 0, 0, 0.5);
color: rgba(255, 255, 255, 0.7);
transition: all .15s ease-in-out
}
.spoilerContainer-331r0R .spoiler-1PPAUc, .spoilerContainer-331r0R .spoilerEmbed-1fzvzg > .embedInner-1-fpTo {
transition: all .15s ease-in-out
}
.spoilerContainer-331r0R .hiddenSpoilers-1ksnR6, .spoilerContainer-331r0R .hiddenSpoiler-3i0zpa > .embedInner-1-fpTo {
-webkit-filter: blur(40px);
filter: blur(40px)
}
.spoilerContainer-331r0R .hiddenSpoiler-3i0zpa {
border-radius: 0
}
.spoilerContainer-331r0R:hover > .spoilerWarning-2aAZq1 {
background: rgba(0, 0, 0, 0.7);
color: #fff
}
.spoilerContainer-331r0R:hover .hiddenSpoilers-1ksnR6 {
-webkit-filter: blur(30px);
filter: blur(30px)
}
.spoilerContainer-331r0R:hover .hiddenSpoiler-3i0zpa > .embedInner-1-fpTo {
-webkit-filter: blur(30px);
filter: blur(30px)
}
.container-1YxwTf .attachment-33OFj0 {
background: rgba(255, 255, 255, 0.04);
border-color: transparent
}
.icon-1kp3fr {
width: 30px;
height: 30px;
box-sizing: border-box;
padding-left: 30px;
background-image: url(https://clearvision.gitlab.io/icons/file.svg);
background-position: center;
background-size: 100%;
background-repeat: no-repeat;
opacity: .5
}
:not(.embedWrapper-3AbfJJ) > .icon-1kp3fr[title=unknown] {
background-image: url(https://clearvision.gitlab.io/icons/file_upload.svg)
}
.icon-1kp3fr[title=document] {
background-image: url(https://clearvision.gitlab.io/icons/file_document.svg)
}
.icon-1kp3fr[title=archive] {
background-image: url(https://clearvision.gitlab.io/icons/file_archive.svg)
}
.icon-1kp3fr[title=code] {
background-image: url(https://clearvision.gitlab.io/icons/file_code.svg)
}
.icon-1kp3fr[title=webcode] {
background-image: url(https://clearvision.gitlab.io/icons/file_webcode.svg)
}
.icon-1kp3fr[title=ai], .icon-1kp3fr[title=ps], .icon-1kp3fr[title=photoshop], .icon-1kp3fr[title=sketch] {
background-image: url(https://clearvision.gitlab.io/icons/file_image.svg)
}
.icon-1kp3fr[title=ae] {
background-image: url(https://clearvision.gitlab.io/icons/file_video.svg)
}
.icon-1kp3fr[title=spreadsheet] {
background-image: url(https://clearvision.gitlab.io/icons/file_table.svg)
}
.icon-1kp3fr[title=acrobat] {
background-image: url(https://clearvision.gitlab.io/icons/file_pdf.svg)
}
.fileNameLink-9GuxCo {
color: var(--main-color);
transition: all .1s ease-in-out
}
.fileNameLink-9GuxCo:hover {
text-shadow: 0 0 1px;
text-decoration: none !important
}
.downloadButton-23tKQp, .cancelButton-3hVEV6 {
color: rgba(255, 255, 255, 0.3);
transition: all .15s ease-in-out
}
.downloadButton-23tKQp:hover, .cancelButton-3hVEV6:hover {
color: rgba(255, 255, 255, 0.5)
}
.metadata-3WGS0M {
color: rgba(255, 255, 255, 0.3)
}
.attachment-33OFj0 .filename-3eBB_v {
color: rgba(255, 255, 255, 0.7)
}
.attachment-33OFj0 .size-1Arx_I {
color: rgba(255, 255, 255, 0.3)
}
.progress-3Rbvu0 {
background: rgba(255, 255, 255, 0.04) !important
}
.progressBar-3u8FBM {
background: var(--main-color) !important
}
.messageGroupBlocked-3wrQQX {
position: relative;
background: rgba(0, 0, 0, 0.1) !important;
border: none;
border-radius: 0;
transition: all .15s ease-in-out
}
.messageGroupBlocked-3wrQQX:hover {
box-shadow: none !important
}
.messageGroupBlocked-3wrQQX .messageGroupBlockedBtn-1PBBh- {
background: transparent !important;
color: rgba(255, 255, 255, 0.3) !important;
transition: all .15s ease-in-out
}
.messageGroupBlocked-3wrQQX .messageGroupBlockedBtn-1PBBh-:after {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
border-top: 1px solid;
border-bottom: 1px solid;
border-color: rgba(255, 255, 255, 0.04);
transition: all .15s ease-in-out;
pointer-events: none
}
.messageGroupBlocked-3wrQQX .messageGroupBlockedBtn-1PBBh-:hover {
color: rgba(255, 255, 255, 0.5) !important
}
.messageGroupBlocked-3wrQQX .messageGroupBlockedBtn-1PBBh-:hover:after {
border-color: rgba(255, 255, 255, 0.07)
}
.messageGroupBlocked-3wrQQX .container-1YxwTf {
margin-top: -20px;
margin-left: 0
}
.messageGroupBlocked-3wrQQX + .divider-3gKybi {
margin-top: 25px
}
.divider-3gKybi + .messageGroupBlocked-3wrQQX {
margin-top: 25px
}
.blockedSystemMessage-2Rk1ek:hover .blockedAction-2ZyU8z {
color: var(--url-color)
}
.membersWrap-2h-GB4 {
min-width: auto;
flex-basis: var(--members-width)
}
.membersWrap-2h-GB4 .members-1998pB {
width: var(--members-width);
background: rgba(0, 0, 0, calc(var(--background-shading) * .6))
}
.members-1998pB .membersGroup-v9BXpm {
padding-top: 20px;
display: flex;
align-items: center;
justify-content: center;
color: var(--main-color);
font-size: 11px;
font-weight: 700;
text-align: center;
transition: all .15s ease-in-out;
opacity: .85
}
.members-1998pB .membersGroup-v9BXpm[style*="color:"] {
opacity: 1
}
.members-1998pB .membersGroup-v9BXpm:before {
content: "";
height: 2px;
flex-grow: 1;
background: linear-gradient(to left, currentColor 50%, transparent);
margin-right: 5px
}
.members-1998pB .membersGroup-v9BXpm:after {
content: "";
height: 2px;
flex-grow: 1;
background: linear-gradient(to right, currentColor 50%, transparent);
margin-left: 5px
}
.members-1998pB .member-3-YXUe {
background: transparent !important;
-webkit-backface-visibility: hidden;
backface-visibility: hidden
}
.members-1998pB .member-3-YXUe.offline-3nJYBR .avatar-3uk_u9 {
-webkit-filter: grayscale(100%) blur(1px);
filter: grayscale(100%) blur(1px);
transition: all .5s ease-in-out
}
.members-1998pB .member-3-YXUe.offline-3nJYBR:hover .avatar-3uk_u9 {
-webkit-filter: none;
filter: none
}
.members-1998pB .member-3-YXUe .layout-2DM8Md {
position: relative;
background: transparent;
transition: all .15s ease-in-out, transform .1s ease-in-out;
z-index: 1
}
.members-1998pB .member-3-YXUe .layout-2DM8Md:active {
transform: scale(0.9)
}
.members-1998pB .member-3-YXUe .roleColor-rz2vM0 {
max-width: 100%;
overflow: visible;
transition: all .15s ease-in-out
}
.members-1998pB .member-3-YXUe .roleColor-rz2vM0:before {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: linear-gradient(to right, rgba(255, 255, 255, 0.07) 90%, transparent);
border-radius: 3px;
opacity: 0;
transition: all .15s ease-in-out;
z-index: -1;
pointer-events: none
}
.members-1998pB .member-3-YXUe .roleColor-rz2vM0:after {
content: "";
position: absolute;
top: 0;
right: 100%;
bottom: 0;
left: 0;
background: linear-gradient(to right, var(--main-color) 90%, transparent);
border-radius: 3px;
opacity: .8;
transition: all .3s ease-in-out;
z-index: -1;
pointer-events: none
}
.members-1998pB .member-3-YXUe .roleColor-rz2vM0[style*="color:"]:before, .members-1998pB .member-3-YXUe .roleColor-rz2vM0[style*="color:"]:after {
background: linear-gradient(to right, currentColor 90%, transparent)
}
.members-1998pB .member-3-YXUe:hover .roleColor-rz2vM0:before, .members-1998pB .selected-aXhQR6.member-3-YXUe .roleColor-rz2vM0:before {
opacity: 1
}
.members-1998pB .member-3-YXUe:hover .roleColor-rz2vM0[style*="color:"]:before, .members-1998pB .selected-aXhQR6.member-3-YXUe .roleColor-rz2vM0[style*="color:"]:before {
opacity: .07
}
.members-1998pB .selected-aXhQR6.member-3-YXUe .roleColor-rz2vM0 {
-webkit-text-fill-color: #fff;
text-shadow: 0 0 3px rgba(0, 0, 0, 0.7)
}
.members-1998pB .selected-aXhQR6.member-3-YXUe .roleColor-rz2vM0:after {
right: 0
}
.members-1998pB .memberGroupsPlaceholder-3mwPub {
margin: 0 25%;
display: flex;
align-items: center;
justify-content: center;
flex-basis: 50%;
color: rgba(255, 255, 255, 0.3)
}
.members-1998pB .memberGroupsPlaceholder-3mwPub:before, .members-1998pB .memberGroupsPlaceholder-3mwPub:after {
content: "";
height: 2px;
flex-grow: 1
}
.members-1998pB .memberGroupsPlaceholder-3mwPub:before {
background: linear-gradient(to left, currentColor 50%, transparent);
margin-right: calc(50% + 5px);
margin-left: -50%
}
.members-1998pB .memberGroupsPlaceholder-3mwPub:after {
background: linear-gradient(to right, currentColor 50%, transparent);
margin-right: -50%;
margin-left: calc(50% + 5px)
}
.members-1998pB .memberGroupsPlaceholder-3mwPub, .members-1998pB .placeholderAvatar-damqh6, .members-1998pB .placeholderUsername-2B_OA9, .members-1998pB .mulitplePlaceholderUsername-pogq9I {
background: rgba(255, 255, 255, 0.3)
}
.ownerIcon-uZ6mE7 {
background: url(https://clearvision.gitlab.io/icons/crown.svg) center/contain no-repeat;
opacity: .4;
transition: all .15s ease-in-out
}
.ownerIcon-uZ6mE7 > path, .ownerIcon-uZ6mE7 > g {
display: none
}
.contents-2mQqc9 > img ~ .header-23xsNx > .username-1A8OIy::after {
content: none;
color: currentcolor;
text-shadow: 0 0 2px currentcolor;
border: 1px solid;
border-radius: 6px;
margin-left: 8px;
background-color: rgba(255, 255, 255, 0.07);
font-size: 10px;
padding: 0 5px
}
.contents-2mQqc9 > img[src*="194151269399527425"] ~ .header-23xsNx > .username-1A8OIy::after {
content: "CV Admin"
}
.contents-2mQqc9 > img[src*="144881947557101568"] ~ .header-23xsNx > .username-1A8OIy::after {
content: "CV Admin"
}
.contents-2mQqc9 > img[src*="195270435015884800"] ~ .header-23xsNx > .username-1A8OIy::after {
content: "CV Team"
}
.contents-2mQqc9 > img[src*="213067580531933196"] ~ .header-23xsNx > .username-1A8OIy::after {
content: "CV Team"
}
.contents-2mQqc9 > img[src*="240437190339854337"] ~ .header-23xsNx > .username-1A8OIy::after {
content: "CV Team"
}
.contents-2mQqc9 > img[src*="126652966265421824"] ~ .header-23xsNx > .username-1A8OIy::after {
content: "CV Team"
}
.contents-2mQqc9 > img[src*="335677038830682112"] ~ .header-23xsNx > .username-1A8OIy::after {
content: "CV Contributor"
}
.contents-2mQqc9 > img[src*="236579127090610176"] ~ .header-23xsNx > .username-1A8OIy::after {
content: "CV Contributor"
}
.contents-2mQqc9 > img[src*="97797564866236416"] ~ .header-23xsNx > .username-1A8OIy::after {
content: "CV Contributor"
}
.contents-2mQqc9 > img[src*="150750980097441792"] ~ .header-23xsNx > .username-1A8OIy::after {
content: "CV Contributor"
}
.contents-2mQqc9 > img[src*="262989909411758080"] ~ .header-23xsNx > .username-1A8OIy::after {
content: "CV Donator"
}
.contents-2mQqc9 > img[src*="168551219135119361"] ~ .header-23xsNx > .username-1A8OIy::after {
content: "CV Donator"
}
.contents-2mQqc9 > img[src*="241500427105992704"] ~ .header-23xsNx > .username-1A8OIy::after {
content: "CV Donator"
}
.contents-2mQqc9 > img[src*="151995147150819328"] ~ .header-23xsNx > .username-1A8OIy::after {
content: "CV Donator"
}
.contents-2mQqc9 > img[src*="157699533134888961"] ~ .header-23xsNx > .username-1A8OIy::after {
content: "CV Donator"
}
.contents-2mQqc9 > img[src*="157492606752784384"] ~ .header-23xsNx > .username-1A8OIy::after {
content: "CV Donator"
}
.contents-2mQqc9 > img[src*="174525242939670528"] ~ .header-23xsNx > .username-1A8OIy::after {
content: "CV Donator"
}
.contents-2mQqc9 > img[src*="78890013378486272"] ~ .header-23xsNx > .username-1A8OIy::after {
content: "CV Donator"
}
.contents-2mQqc9 > img[src*="213263668312408066"] ~ .header-23xsNx > .username-1A8OIy::after {
content: "CV Donator"
}
.contents-2mQqc9 > img[src*="152431535914614785"] ~ .header-23xsNx > .username-1A8OIy::after {
content: "CV Donator"
}
.contents-2mQqc9 > img[src*="112619227466182656"] ~ .header-23xsNx > .username-1A8OIy::after {
content: "CV Donator"
}
.contents-2mQqc9 > img[src*="297873043265552384"] ~ .header-23xsNx > .username-1A8OIy::after {
content: "CV Donator"
}
.contents-2mQqc9 > img[src*="258031697646321666"] ~ .header-23xsNx > .username-1A8OIy::after {
content: "CV Donator"
}
.contents-2mQqc9 > img[src*="109933711142719488"] ~ .header-23xsNx > .username-1A8OIy::after {
content: "CV Donator"
}
.contents-2mQqc9 > img[src*="251260900252712962"] ~ .header-23xsNx > .username-1A8OIy::after {
content: "CV Donator"
}
.contents-2mQqc9 > img[src*="199184208319610880"] ~ .header-23xsNx > .username-1A8OIy::after {
content: "CV Donator"
}
.contents-2mQqc9 > img[src*="122731339890950145"] ~ .header-23xsNx > .username-1A8OIy::after {
content: "CV Donator"
}
.contents-2mQqc9 > img[src*="436228721033216009"] ~ .header-23xsNx > .username-1A8OIy::after {
content: "CV Donator"
}
.contents-2mQqc9 > img[src*="66214870705516544"] ~ .header-23xsNx > .username-1A8OIy::after {
content: "CV Donator"
}
.contents-2mQqc9 > img[src*="172426681800196096"] ~ .header-23xsNx > .username-1A8OIy::after {
content: "CV Donator"
}
.contents-2mQqc9 > img[src*="158311402677731328"] ~ .header-23xsNx > .username-1A8OIy::after {
content: "CV Donator"
}
.contents-2mQqc9 > img[src*="284122164582416385"] ~ .header-23xsNx > .username-1A8OIy::after {
content: "CV Donator"
}
.contents-2mQqc9 > img[src*="107965218868457472"] ~ .header-23xsNx > .username-1A8OIy::after {
content: "CV Donator"
}
.contents-2mQqc9 > img[src*="393900343135830016"] ~ .header-23xsNx > .username-1A8OIy::after {
content: "CV Donator"
}
.contents-2mQqc9 > img[src*="183795147236966412"] ~ .header-23xsNx > .username-1A8OIy::after {
content: "CV Donator"
}
.contents-2mQqc9 > img[src*="266991742216175616"] ~ .header-23xsNx > .username-1A8OIy::after {
content: "CV Tester"
}
.contents-2mQqc9 > img[src*="97549189629636608"] ~ .header-23xsNx > .username-1A8OIy::after {
content: "CV Tester"
}
.contents-2mQqc9 > img[src*="128948605263413248"] ~ .header-23xsNx > .username-1A8OIy::after {
content: "CV Tester"
}
.contents-2mQqc9 > img[src*="168481642309091328"] ~ .header-23xsNx > .username-1A8OIy::after {
content: "CV Tester"
}
.contents-2mQqc9 > img[src*="165581066524950530"] ~ .header-23xsNx > .username-1A8OIy::after {
content: "CV Tester"
}
.contents-2mQqc9 > img[src*="102621249892544512"] ~ .header-23xsNx > .username-1A8OIy::after {
content: "CV Tester"
}
.contents-2mQqc9 > img[src*="94553281296084992"] ~ .header-23xsNx > .username-1A8OIy::after {
content: "CV Tester"
}
.contents-2mQqc9 > img[src*="85410928408924160"] ~ .header-23xsNx > .username-1A8OIy::after {
content: "CV Tester"
}
.contents-2mQqc9 > img[src*="143476079267414016"] ~ .header-23xsNx > .username-1A8OIy::after {
content: "CV Tester"
}
.contents-2mQqc9 > img[src*="131917628800237570"] ~ .header-23xsNx > .username-1A8OIy::after {
content: "CV Tester"
}
.contents-2mQqc9 > img[src*="155379920242081793"] ~ .header-23xsNx > .username-1A8OIy::after {
content: "CV Tester"
}
.contents-2mQqc9 > img[src*="135130130942132224"] ~ .header-23xsNx > .username-1A8OIy::after {
content: "CV Tester"
}
.contents-2mQqc9 > img[src*="123340872333918215"] ~ .header-23xsNx > .username-1A8OIy::after {
content: "CV Tester"
}
.contents-2mQqc9 > img[src*="250721335305568258"] ~ .header-23xsNx > .username-1A8OIy::after {
content: "CV Tester"
}
.contents-2mQqc9 > img[src*="297041315852713984"] ~ .header-23xsNx > .username-1A8OIy::after {
content: "CV Tester"
}
.contents-2mQqc9 > img[src*="128006451053592577"] ~ .header-23xsNx > .username-1A8OIy::after {
content: "CV Tester"
}
.contents-2mQqc9 > img[src*="102009847792291840"] ~ .header-23xsNx > .username-1A8OIy::after {
content: "CV Tester"
}
.contents-2mQqc9 > img[src*="513423192484872223"] ~ .header-23xsNx > .username-1A8OIy::after {
content: "CV Tester"
}
.contents-2mQqc9 > img[src*="580867069621567488"] ~ .header-23xsNx > .username-1A8OIy::after {
content: "CV Tester"
}
.contents-2mQqc9 > img[src*="538745942493495298"] ~ .header-23xsNx > .username-1A8OIy::after {
content: "CV Translator"
}
.contents-2mQqc9 > img[src*="332394843743584256"] ~ .header-23xsNx > .username-1A8OIy::after {
content: "CV Team | Tag Originator"
}
.contents-2mQqc9 > img[src*="309976820109803520"] ~ .header-23xsNx > .username-1A8OIy::after {
content: "Former CV Team"
}
.mask-1l8v16 {
-webkit-filter: drop-shadow(0 0 5px rgba(0, 0, 0, 0.5));
filter: drop-shadow(0 0 5px rgba(0, 0, 0, 0.5))
}
.pointerEvents-2zdfdO[mask="url(#svg-mask-status-online)"], .pointerEvents-2zdfdO[mask="url(#svg-mask-status-online-mobile)"], .mask-1qbNWk > rect[fill="rgba(67, 181, 129, 1)"], .mask-1l8v16 > svg > rect[fill="rgba(67, 181, 129, 1)"] {
fill: var(--online-color)
}
.pointerEvents-2zdfdO[mask="url(#svg-mask-status-idle)"], .mask-1qbNWk > rect[fill="rgba(250, 166, 26, 1)"], .mask-1l8v16 > svg > rect[fill="rgba(250, 166, 26, 1)"] {
fill: var(--idle-color)
}
.pointerEvents-2zdfdO[mask="url(#svg-mask-status-dnd)"], .mask-1qbNWk > rect[fill="rgba(240, 71, 71, 1)"], .mask-1l8v16 > svg > rect[fill="rgba(240, 71, 71, 1)"] {
fill: var(--dnd-color)
}
.pointerEvents-2zdfdO[mask="url(#svg-mask-status-streaming)"], .mask-1qbNWk > rect[fill="rgba(89, 54, 149, 1)"], .mask-1l8v16 > svg > rect[fill="rgba(89, 54, 149, 1)"] {
fill: var(--streaming-color)
}
.pointerEvents-2zdfdO[mask="url(#svg-mask-status-offline)"], .mask-1qbNWk > rect[fill="rgba(116, 127, 141, 1)"], .mask-1l8v16 > svg > rect[fill="rgba(116, 127, 141, 1)"] {
fill: var(--offline-color)
}
.botTag-2WPJ74 {
padding: 1px 2px;
background: rgba(255, 255, 255, 0.1);
color: rgba(255, 255, 255, 0.6);
font-weight: 700;
text-shadow: 0 0 1px rgba(0, 0, 0, 0.3);
border-radius: 3px
}
.botTagInvert-18-95s {
padding: 2px 3px;
background: rgba(0, 0, 0, 0.3);
color: rgba(255, 255, 255, 0.8)
}
.member-3-YXUe .botTag-2WPJ74 {
transition: all .15s ease-in-out
}
.role-2irmRk {
position: relative;
display: flex;
flex-direction: row-reverse;
border-radius: 3px;
transition: all .1s ease-in-out;
cursor: default
}
.role-2irmRk[style]:not(:hover) {
border-color: transparent !important
}
.role-2irmRk:not([style]) {
background: rgba(255, 255, 255, 0.1);
border-color: transparent
}
.role-2irmRk > .roleCircle-3xAZ1j {
width: 0;
height: 0
}
.role-2irmRk > .roleCircle-3xAZ1j:not(:empty) {
margin-left: 6px
}
.role-2irmRk > .roleCircle-3xAZ1j:after {
content: "";
position: absolute;
top: -1px;
right: -1px;
bottom: -1px;
left: -1px;
border-radius: 3px;
background: inherit;
opacity: .15;
transition: all .1s ease-in-out;
pointer-events: none
}
.role-2irmRk > .roleCircle-3xAZ1j > .roleRemoveIcon-2-TeGW {
position: absolute;
display: block;
opacity: 0;
transition: all .1s ease-in-out
}
.role-2irmRk > .roleCircle-3xAZ1j > .roleRemoveIcon-2-TeGW .fill {
fill: #fff
}
.role-2irmRk > .roleName-32vpEy {
margin-right: 0;
margin-left: 4px;
color: rgba(255, 255, 255, 0.7);
transition: all .1s ease-in-out
}
.role-2irmRk:hover > .roleCircle-3xAZ1j:after {
opacity: .3
}
.role-2irmRk:hover > .roleCircle-3xAZ1j > .roleRemoveIcon-2-TeGW {
opacity: 1
}
.role-2irmRk:hover > .roleName-32vpEy {
color: #fff
}
.addButton-pcyyf6 {
background: rgba(255, 255, 255, 0.1);
transition: all .1s ease-in-out;
cursor: pointer
}
.addButton-pcyyf6 > svg {
width: 7px;
height: 7px;
color: rgba(255, 255, 255, 0.5);
transition: inherit
}
.addButton-pcyyf6:hover {
background: rgba(255, 255, 255, 0.2)
}
.addButton-pcyyf6:hover > svg {
color: #fff
}
.addButton-pcyyf6:hover {
background: rgba(255, 255, 255, 0.2)
}
.activityUserPopout-2yItg2 .nameNormal-2lqVQK, .activityProfile-2bJRaP .nameNormal-2lqVQK {
color: var(--main-color);
text-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
font-weight: 600
}
.activityUserPopout-2yItg2 .nameNormal-2lqVQK > .activityName-1IaRLn, .activityProfile-2bJRaP .nameNormal-2lqVQK > .activityName-1IaRLn {
color: inherit
}
.activityUserPopout-2yItg2 .nameNormal-2lqVQK > .activityName-1IaRLn.bodyLink-3A8Buv:hover, .activityProfile-2bJRaP .nameNormal-2lqVQK > .activityName-1IaRLn.bodyLink-3A8Buv:hover {
text-shadow: 0 0 5px rgba(0, 0, 0, 0.5), 0 0 1px
}
.activityUserPopout-2yItg2 .nameNormal-2lqVQK > .activityName-1IaRLn.textHover-3f_j3D, .activityProfile-2bJRaP .nameNormal-2lqVQK > .activityName-1IaRLn.textHover-3f_j3D {
transition: all .1s ease-in-out
}
.activityUserPopout-2yItg2 .nameNormal-2lqVQK > .activityName-1IaRLn.textHover-3f_j3D:hover, .activityProfile-2bJRaP .nameNormal-2lqVQK > .activityName-1IaRLn.textHover-3f_j3D:hover {
text-shadow: 0 0 5px rgba(0, 0, 0, 0.5), 0 0 1px;
text-decoration: none
}
.activityUserPopout-2yItg2 .timestamp-VjAZmo, .activityProfile-2bJRaP .timestamp-VjAZmo {
font-style: italic
}
.activityUserPopout-2yItg2 .bodyLink-3A8Buv, .activityProfile-2bJRaP .bodyLink-3A8Buv {
transition: all .1s ease-in-out
}
.activityUserPopout-2yItg2 .bodyLink-3A8Buv:hover, .activityProfile-2bJRaP .bodyLink-3A8Buv:hover {
text-shadow: 0 0 1px;
text-decoration: none !important
}
.content-yTz4x3 .searchResultsWrap-2DKFzt {
background-color: rgba(0, 0, 0, 0.6)
}
.searchResultsWrap-2DKFzt > .searchHeader-1l-wpR {
background-color: rgba(0, 0, 0, 0.3);
box-shadow: 0 0 10px rgba(0, 0, 0, 0.3)
}
.searchResultsWrap-2DKFzt > .searchHeader-1l-wpR > .totalResults-gxvzgw {
color: rgba(255, 255, 255, 0.5);
opacity: 1
}
.searchResultsWrap-2DKFzt > .searchHeader-1l-wpR > .tab-2Ixsn0 {
position: relative;
padding: 10px;
margin: 10px 0 0;
border: none !important;
color: rgba(255, 255, 255, 0.5);
opacity: 1;
transition: all .15s ease-in-out
}
.searchResultsWrap-2DKFzt > .searchHeader-1l-wpR > .tab-2Ixsn0 + .tab-2Ixsn0 {
margin-left: 5px
}
.searchResultsWrap-2DKFzt > .searchHeader-1l-wpR > .tab-2Ixsn0:before {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: linear-gradient(to top, transparent, rgba(255, 255, 255, 0.07) 50%);
border-radius: 3px 3px 0 0;
opacity: 0;
transition: all .15s ease-in-out, bottom .2s ease-in-out;
z-index: -1
}
.searchResultsWrap-2DKFzt > .searchHeader-1l-wpR > .tab-2Ixsn0:after {
content: "";
position: absolute;
top: 100%;
right: 0;
bottom: 0;
left: 0;
background: var(--main-color);
box-shadow: inset 0 -2px rgba(0, 0, 0, 0.3);
border-radius: 3px 3px 0 0;
transition: all .2s ease-in-out;
z-index: -1
}
.searchResultsWrap-2DKFzt > .searchHeader-1l-wpR > .tab-2Ixsn0:hover {
color: rgba(255, 255, 255, 0.7)
}
.searchResultsWrap-2DKFzt > .searchHeader-1l-wpR > .tab-2Ixsn0:hover:before {
opacity: 1
}
.searchResultsWrap-2DKFzt > .searchHeader-1l-wpR > .tab-2Ixsn0.selected-16te-P {
color: #fff
}
.searchResultsWrap-2DKFzt > .searchHeader-1l-wpR > .tab-2Ixsn0.selected-16te-P:after {
top: 0;
-webkit-animation: cv-slide-top .2s ease-in-out;
animation: cv-slide-top .2s ease-in-out
}
.searchResultsWrap-2DKFzt > .searchHeader-1l-wpR > .tab-2Ixsn0.selected-16te-P:before {
bottom: 100%;
opacity: 1;
animation: cv-slide-bottom .2s ease-in-out reverse
}
.searchResultsWrap-2DKFzt .channelSeparator-1X1FuH:before {
display: none
}
.searchResultsWrap-2DKFzt .channelSeparator-1X1FuH > .channelName-1QajIf {
display: flex;
align-items: center;
justify-content: center;
background-color: transparent;
color: var(--main-color);
text-shadow: 0 0 1px;
transition: all .15s ease-in-out
}
.searchResultsWrap-2DKFzt .channelSeparator-1X1FuH > .channelName-1QajIf:before {
content: "";
height: 2px;
border: none;
flex-grow: 1;
transition: all .15s ease-in-out;
opacity: .7;
margin-right: 5px;
background: linear-gradient(to left, var(--main-color) 50%, transparent)
}
.searchResultsWrap-2DKFzt .channelSeparator-1X1FuH > .channelName-1QajIf:after {
content: "";
height: 2px;
border: none;
flex-grow: 1;
transition: all .15s ease-in-out;
opacity: .7;
margin-left: 5px;
background: linear-gradient(to right, var(--main-color) 50%, transparent)
}
.searchResultsWrap-2DKFzt .channelSeparator-1X1FuH > .channelName-1QajIf:hover {
text-shadow: 0 0 3px;
text-decoration: none
}
.searchResultsWrap-2DKFzt .channelSeparator-1X1FuH > .channelName-1QajIf:hover:before, .searchResultsWrap-2DKFzt .channelSeparator-1X1FuH > .channelName-1QajIf:hover:after {
opacity: 1
}
.searchResultsWrap-2DKFzt .searchResult-3pzFAB {
margin-bottom: 0;
padding-bottom: 10px;
border-bottom: 1px solid rgba(255, 255, 255, 0.04)
}
.searchResultsWrap-2DKFzt .searchResult-3pzFAB:before, .searchResultsWrap-2DKFzt .searchResult-3pzFAB:after {
display: none
}
.searchResultsWrap-2DKFzt .searchResult-3pzFAB + .searchResult-3pzFAB {
margin-top: -1px
}
.searchResultsWrap-2DKFzt .searchResult-3pzFAB > .searchResultMessage-2VxO12 {
background-color: transparent;
border: 2px solid transparent;
transition: background-color .3s ease-in-out, transform .3s ease-in-out, opacity .3s ease-in-out
}
.searchResultsWrap-2DKFzt .searchResult-3pzFAB > .searchResultMessage-2VxO12.hit-NLlWXA {
background-color: rgba(0, 0, 0, 0.3);
border: 2px solid transparent;
border-radius: 5px;
box-shadow: none
}
.searchResultsWrap-2DKFzt .searchResult-3pzFAB > .searchResultMessage-2VxO12.before-1x1q5S, .searchResultsWrap-2DKFzt .searchResult-3pzFAB > .searchResultMessage-2VxO12.after-2g0jjc {
opacity: 0;
transition: background-color .3s ease-in-out, transform .3s ease-in-out, opacity 0s
}
.searchResultsWrap-2DKFzt .searchResult-3pzFAB > .searchResultMessage-2VxO12.sibling-3tUBeh {
opacity: .3;
transition: background-color .3s ease-in-out, transform .3s ease-in-out, opacity .3s ease-in-out
}
.searchResultsWrap-2DKFzt .searchResult-3pzFAB:not(.expanded-v2Szsz) > .sibling-3tUBeh {
-webkit-mask-image: linear-gradient(to bottom, transparent 10%, #000 30%, #000 70%, transparent 90%);
mask-image: linear-gradient(to bottom, transparent 10%, #000 30%, #000 70%, transparent 90%)
}
.searchResultsWrap-2DKFzt .searchResult-3pzFAB.expanded-v2Szsz {
background-color: rgba(255, 255, 255, 0.04);
border: none;
border-bottom: 1px solid rgba(255, 255, 255, 0.04);
border-radius: 0
}
.searchResultsWrap-2DKFzt .searchResult-3pzFAB.expanded-v2Szsz > .searchResultMessage-2VxO12.hit-NLlWXA {
background-color: rgba(255, 255, 255, 0.1);
border: 2px solid transparent;
border-radius: 5px
}
.searchResultsWrap-2DKFzt .searchResult-3pzFAB.expanded-v2Szsz > .searchResultMessage-2VxO12.before-1x1q5S, .searchResultsWrap-2DKFzt .searchResult-3pzFAB.expanded-v2Szsz > .searchResultMessage-2VxO12.after-2g0jjc {
opacity: 1
}
.searchResultsWrap-2DKFzt .actionButtons-14P9IC {
background-color: transparent;
box-shadow: none;
opacity: 0;
transition: all .15s ease-in-out
}
.searchResultsWrap-2DKFzt .hit-NLlWXA:hover > .actionButtons-14P9IC {
opacity: 1
}
.searchResultsWrap-2DKFzt .searchResult-3pzFAB .jumpButton-Ia2hRJ {
background-color: rgba(255, 255, 255, 0.04);
color: rgba(255, 255, 255, 0.5);
border-radius: 3px;
transition: all .3s ease-in-out
}
.searchResultsWrap-2DKFzt .searchResult-3pzFAB .jumpButton-Ia2hRJ:hover {
background-color: var(--main-color);
color: #fff;
transition-duration: .15s
}
.searchResultsWrap-2DKFzt .expanded-v2Szsz .jumpButton-Ia2hRJ {
background-color: rgba(0, 0, 0, 0.3)
}
.searchResultsWrap-2DKFzt .highlight {
position: relative;
padding: 0 2px;
background-color: var(--hover-color);
border-radius: 3px;
color: #fff;
text-shadow: 0 0 3px
}
.searchResultsWrap-2DKFzt .pagination-eQpqgk {
color: rgba(255, 255, 255, 0.5)
}
.searchResultsWrap-2DKFzt .pagination-eQpqgk > .paginationPrevious-4Yw0Tk, .searchResultsWrap-2DKFzt .pagination-eQpqgk > .paginationNext-3Tefao {
background-color: rgba(255, 255, 255, 0.1);
border: 1px solid transparent;
opacity: .7;
transition: all .15s ease-in-out
}
.searchResultsWrap-2DKFzt .pagination-eQpqgk > .paginationPrevious-4Yw0Tk:hover, .searchResultsWrap-2DKFzt .pagination-eQpqgk > .paginationNext-3Tefao:hover {
background-color: var(--main-color);
opacity: 1
}
.searchResultsWrap-2DKFzt .pagination-eQpqgk > .disabled-AFY2aL {
opacity: .3;
pointer-events: none
}
.resultsBlocked-3a77lQ {
background-color: transparent;
border: none
}
.base-3dtUhz .container-3gCOGc {
background-color: transparent
}
.container-3gCOGc .headerBar-UHpsPw .separator-gCa7yv {
background-color: rgba(255, 255, 255, 0.1)
}
.container-3gCOGc .friendsTable-133bsv {
background-color: rgba(0, 0, 0, calc(var(--background-shading) * .5));
margin-top: 0
}
.container-3gCOGc .friendsTable-133bsv .friendsTableHeader-32yE7d {
border-bottom: 1px solid rgba(255, 255, 255, 0.07)
}
.container-3gCOGc .friendsTable-133bsv .friendsTableHeader-32yE7d .friendsColumn-eVHFqJ {
color: rgba(255, 255, 255, 0.3)
}
.container-3gCOGc .friendsTable-133bsv .friendsTableHeader-32yE7d .friendsColumnSeparator-3MqtMA {
background-color: rgba(255, 255, 255, 0.07)
}
.container-3gCOGc .friendsTable-133bsv .friendsTableBody-1ZhKif {
background: transparent
}
.container-3gCOGc .friendsTable-133bsv .friendsRow-2yicud {
background-color: transparent;
transition: all .15s ease-in-out
}
.container-3gCOGc .friendsTable-133bsv .friendsRow-2yicud, .container-3gCOGc .friendsTable-133bsv .friendsRow-2yicud:hover {
margin: 0 20px;
padding: 0 10px
}
.container-3gCOGc .friendsTable-133bsv .friendsRow-2yicud + .friendsRow-2yicud, .container-3gCOGc .friendsTable-133bsv .friendsRow-2yicud:hover + .friendsRow-2yicud {
border-top: 1px solid transparent
}
.container-3gCOGc .friendsTable-133bsv .friendsRow-2yicud + .friendsRow-2yicud[style*="opacity: 1"], .container-3gCOGc .friendsTable-133bsv .friendsRow-2yicud:hover + .friendsRow-2yicud[style*="opacity: 1"] {
border-top-color: rgba(255, 255, 255, 0.04)
}
.container-3gCOGc .friendsTable-133bsv .friendsRow-2yicud:hover {
background-color: rgba(0, 0, 0, 0.3);
border-radius: 0
}
.container-3gCOGc .friendsTable-133bsv .friendsRow-2yicud:hover .friendsColumnName-1zBOKm .discordTag-1Hozyw .discriminator-1Ro5o1 {
opacity: .6
}
.container-3gCOGc .friendsTable-133bsv .friendsRow-2yicud + .friendsRow-2yicud {
margin-top: -1px
}
.container-3gCOGc .friendsTable-133bsv .friendsRow-2yicud .username-1r0gCl {
color: rgba(255, 255, 255, 0.6)
}
.container-3gCOGc .friendsTable-133bsv .friendsRow-2yicud .discriminator-1Ro5o1 {
color: rgba(255, 255, 255, 0.3);
visibility: visible;
opacity: 0;
transition: all .15s ease-in-out
}
.container-3gCOGc .friendsTable-133bsv .friendsRow-2yicud:hover .discriminator-1Ro5o1 {
opacity: 1
}
.container-3gCOGc .friendsTable-133bsv .friendsRow-2yicud .friendsColumnStatus-ZH4ho2 {
color: rgba(255, 255, 255, 0.5)
}
.container-3gCOGc .friendsTable-133bsv .friendsRow-2yicud .friendsColumnStatus-ZH4ho2 .friendActivityText-2lmziy > strong {
color: var(--main-color);
font-weight: 600
}
.container-3gCOGc .friendsTable-133bsv .friendsRow-2yicud .friendsColumnGuilds-2we6jb .icon-3o6xvg {
background-color: rgba(0, 0, 0, 0.3)
}
.container-3gCOGc .friendsTable-133bsv .friendsRow-2yicud .friendsColumnActions-1LT3_M {
padding-right: 12px;
opacity: 0;
visibility: visible;
transition: all .3s ease-in-out
}
.container-3gCOGc .friendsTable-133bsv .friendsRow-2yicud .friendsColumnActions-1LT3_M .friendsAction-__WNE9 {
background-color: var(--main-color);
border-radius: 3px;
color: rgba(255, 255, 255, 0.9);
transition: all .15s ease-in-out
}
.container-3gCOGc .friendsTable-133bsv .friendsRow-2yicud .friendsColumnActions-1LT3_M .friendsAction-__WNE9:hover {
background-color: var(--hover-color);
color: #fff
}
.container-3gCOGc .friendsTable-133bsv .friendsRow-2yicud .friendsColumnActions-1LT3_M .actionAccept-zzNNTu:hover {
background-color: var(--success-color) !important
}
.container-3gCOGc .friendsTable-133bsv .friendsRow-2yicud .friendsColumnActions-1LT3_M .actionDeny-18IZiW:hover {
background-color: var(--danger-color) !important
}
.container-3gCOGc .friendsTable-133bsv .friendsRow-2yicud:hover .friendsColumnActions-1LT3_M {
padding-right: 12px;
opacity: 1
}
.container-3gCOGc .friendsTable-133bsv .image-1GzsFd {
-webkit-filter: grayscale(1) brightness(2);
filter: grayscale(1) brightness(2);
opacity: .3
}
.container-3gCOGc .friendsTable-133bsv .text-GwUZgS, .container-3gCOGc .friendsTable-133bsv .title-2BxgL2 {
color: rgba(255, 255, 255, 0.5)
}
.container-3gCOGc .friendsTable-133bsv .friendTableAddWrapper-nHHZtK .friendTableAddHeader-m9bzFr {
background: transparent;
border-bottom: 1px solid rgba(255, 255, 255, 0.07)
}
.container-3gCOGc .friendsTable-133bsv .friendTableAddWrapper-nHHZtK .friendTableAddHeader-m9bzFr .wrapper-1cBijl {
background-color: rgba(0, 0, 0, 0.3);
border: none;
transform: translateZ(0)
}
.container-3gCOGc .friendsTable-133bsv .friendTableAddWrapper-nHHZtK .friendTableAddHeader-m9bzFr .wrapper-1cBijl > .addFriendInput-4bcerK::-moz-placeholder {
color: rgba(255, 255, 255, 0.2)
}
.container-3gCOGc .friendsTable-133bsv .friendTableAddWrapper-nHHZtK .friendTableAddHeader-m9bzFr .wrapper-1cBijl > .addFriendInput-4bcerK:-ms-input-placeholder {
color: rgba(255, 255, 255, 0.2)
}
.container-3gCOGc .friendsTable-133bsv .friendTableAddWrapper-nHHZtK .friendTableAddHeader-m9bzFr .wrapper-1cBijl > .addFriendInput-4bcerK::-ms-input-placeholder {
color: rgba(255, 255, 255, 0.2)
}
.container-3gCOGc .friendsTable-133bsv .friendTableAddWrapper-nHHZtK .friendTableAddHeader-m9bzFr .wrapper-1cBijl > .addFriendInput-4bcerK::placeholder {
color: rgba(255, 255, 255, 0.2)
}
.container-3gCOGc .friendsTable-133bsv .friendTableAddWrapper-nHHZtK .friendTableAddHeader-m9bzFr .wrapper-1cBijl > .addFriendInput-4bcerK + .addFriendHint-3Y70FX:after {
content: "";
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
border: 1px solid transparent;
border-radius: 3px;
transition: all .3s ease-in-out;
pointer-events: none
}
.container-3gCOGc .friendsTable-133bsv .friendTableAddWrapper-nHHZtK .friendTableAddHeader-m9bzFr .wrapper-1cBijl > .addFriendInput-4bcerK:focus + .addFriendHint-3Y70FX:after {
border-color: var(--main-color);
box-shadow: 0 0 1px var(--main-color)
}
.container-3gCOGc .friendsTable-133bsv .friendTableAddWrapper-nHHZtK .friendTableAddHeader-m9bzFr .wrapper-1cBijl > .addFriendHint-3Y70FX {
color: rgba(255, 255, 255, 0.2)
}
.container-3gCOGc .friendsTable-133bsv .friendTableAddWrapper-nHHZtK .inner-2Y6JuD {
background-color: rgba(255, 255, 255, 0.04);
border-color: transparent;
transition: all .15s ease-in-out
}
.container-3gCOGc .friendsTable-133bsv .friendTableAddWrapper-nHHZtK .inner-2Y6JuD:hover {
background-color: rgba(255, 255, 255, 0.1)
}
.container-3gCOGc .friendsTable-133bsv .friendTableAddWrapper-nHHZtK .friendTableSuggestionsHeader-2zSnpD {
background-color: transparent;
border-bottom: 1px solid rgba(255, 255, 255, 0.07)
}
.container-3gCOGc .friendsTable-133bsv .friendTableAddWrapper-nHHZtK .oldH2-2In-bl {
color: rgba(255, 255, 255, 0.7)
}
.container-3gCOGc .friendsTable-133bsv .friendTableAddWrapper-nHHZtK .friendTableAddDescription-19D3dl, .container-3gCOGc .friendsTable-133bsv .friendTableAddWrapper-nHHZtK .connectAccounts-1orH6X h3 {
color: rgba(255, 255, 255, 0.5)
}
.peopleColumn-29fq28 {
background: rgba(0, 0, 0, calc(var(--background-shading) * .4))
}
.base-3dtUhz .gameLibrary-TTDw4Y, .base-3dtUhz .root-1BQpZw {
background-color: transparent
}
.gameLibrary-TTDw4Y > .scrollerWrap-2lJEkd, .root-1BQpZw > .scrollerWrap-2lJEkd {
background-color: rgba(0, 0, 0, calc(var(--background-shading) * .5))
}
.gameLibrary-TTDw4Y .libraryFilterInput-3JzqZD {
background-color: rgba(255, 255, 255, 0.1);
color: #fff
}
.gameLibrary-TTDw4Y .libraryFilterInput-3JzqZD::-moz-placeholder {
color: rgba(255, 255, 255, 0.3)
}
.gameLibrary-TTDw4Y .libraryFilterInput-3JzqZD:-ms-input-placeholder {
color: rgba(255, 255, 255, 0.3)
}
.gameLibrary-TTDw4Y .libraryFilterInput-3JzqZD::-ms-input-placeholder {
color: rgba(255, 255, 255, 0.3)
}
.gameLibrary-TTDw4Y .libraryFilterInput-3JzqZD::placeholder {
color: rgba(255, 255, 255, 0.3)
}
.gameLibrary-TTDw4Y .scroller-1IIF0A {
background: transparent
}
.gameLibrary-TTDw4Y .header-39GIC8 {
background-color: transparent;
border-bottom: 1px solid rgba(255, 255, 255, 0.07)
}
.gameLibrary-TTDw4Y .header-39GIC8 > .headerCell-3L6rFG {
border-left-color: rgba(255, 255, 255, 0.07);
color: rgba(255, 255, 255, 0.3);
transition: all .3s ease-in-out
}
.gameLibrary-TTDw4Y .header-39GIC8 > .headerCell-3L6rFG:hover:not(.headerCellSorted-3a5AzJ) {
color: rgba(255, 255, 255, 0.5)
}
.gameLibrary-TTDw4Y .header-39GIC8 > .headerCellSorted-3a5AzJ {
color: rgba(255, 255, 255, 0.7)
}
.gameLibrary-TTDw4Y .rowWrapper-2fB6P0 {
background-color: transparent;
border-radius: 0;
transition: all .15s ease-in-out
}
.gameLibrary-TTDw4Y .rowWrapper-2fB6P0, .gameLibrary-TTDw4Y .rowWrapper-2fB6P0:hover {
margin: 0 20px;
padding: 0
}
.gameLibrary-TTDw4Y .rowWrapper-2fB6P0 + .rowWrapper-2fB6P0 > .row-ZLfFhY, .gameLibrary-TTDw4Y .rowWrapper-2fB6P0:hover + .rowWrapper-2fB6P0 > .row-ZLfFhY {
margin-top: -1px;
border-top: 1px solid rgba(255, 255, 255, 0.04)
}
.gameLibrary-TTDw4Y .rowWrapper-2fB6P0:hover {
background-color: rgba(0, 0, 0, 0.3)
}
.gameLibrary-TTDw4Y .row-ZLfFhY {
margin: 0;
color: rgba(255, 255, 255, 0.7)
}
.gameLibrary-TTDw4Y .row-ZLfFhY .actionsCell-1awtNi .button-38aScr {
background-color: rgba(255, 255, 255, 0.07);
color: rgba(255, 255, 255, 0.7);
transition: all .15s ease-in-out
}
.gameLibrary-TTDw4Y .row-ZLfFhY .actionsCell-1awtNi:hover .button-38aScr:hover {
background-color: var(--main-color);
color: #fff
}
.gameLibrary-TTDw4Y .buttonShine-1CSUM8 {
margin-left: -4px
}
.gameLibrary-TTDw4Y .rowBackground-3MeNoN {
border-radius: 0;
-webkit-animation: cv-fade-in 1s ease-in-out;
animation: cv-fade-in 1s ease-in-out
}
.gameLibrary-TTDw4Y .textCell-1aBIUP {
color: rgba(255, 255, 255, 0.5)
}
.gameLibrary-TTDw4Y .lastPlayedCellNew-3twqHQ {
color: var(--main-color)
}
.gameLibrary-TTDw4Y .settingIcon-1nXguX {
color: #fff;
opacity: .5;
transition: all .15s ease-in-out
}
.gameLibrary-TTDw4Y .settingIcon-1nXguX:hover {
opacity: 1
}
.gameLibrary-TTDw4Y .rowWrapperDim-2Y1SDG .nameBodyCell-3JOlnK, .gameLibrary-TTDw4Y .rowWrapperDim-2Y1SDG .textCell-1aBIUP, .gameLibrary-TTDw4Y .rowWrapperDim-2Y1SDG .settingIcon-1nXguX {
transition: all .15s ease-in-out
}
.body-2xXalD .header-3YT7-d, .body-2xXalD .header-2HrZI4 {
color: rgba(255, 255, 255, 0.7)
}
.body-2xXalD .divider-3573oO {
background-color: rgba(255, 255, 255, 0.07)
}
.body-2xXalD .inputPrompt-1vnYnD {
color: rgba(255, 255, 255, 0.5)
}
.body-2xXalD .input-cIJ7To {
background-color: rgba(0, 0, 0, 0.3);
border: 1px solid transparent;
color: #fff;
transition: all .15s ease-in-out
}
.body-2xXalD .input-cIJ7To:hover {
border-color: transparent
}
.body-2xXalD .input-cIJ7To:focus {
border-color: var(--main-color);
box-shadow: 0 0 1px var(--main-color)
}
.body-2xXalD .input-cIJ7To::-moz-placeholder {
color: rgba(255, 255, 255, 0.2)
}
.body-2xXalD .input-cIJ7To:-ms-input-placeholder {
color: rgba(255, 255, 255, 0.2)
}
.body-2xXalD .input-cIJ7To::-ms-input-placeholder {
color: rgba(255, 255, 255, 0.2)
}
.body-2xXalD .input-cIJ7To::placeholder {
color: rgba(255, 255, 255, 0.2)
}
.body-2xXalD .emptyStateImage-2eMp68 {
-webkit-filter: grayscale(1) brightness(2);
filter: grayscale(1) brightness(2);
opacity: .3
}
.body-2xXalD .emptyStateHeader-1ADtcL {
color: rgba(255, 255, 255, 0.7)
}
.body-2xXalD .emptyStateSubtext-2njjqg {
color: rgba(255, 255, 255, 0.5)
}
.base-3dtUhz .activityFeed-1C0EmJ {
background-color: transparent
}
.activityFeed-1C0EmJ .layout-1cQCv2, .activityFeed-1C0EmJ > .flex-1O1GKY:last-child {
background-color: rgba(0, 0, 0, calc(var(--background-shading) * .5))
}
.activityFeed-1C0EmJ .layout-1cQCv2 {
margin-left: -1px;
padding-left: 17px
}
.activityFeed-1C0EmJ .h5-18_1nd {
color: rgba(255, 255, 255, 0.7)
}
.activityFeed-1C0EmJ .coloredText-1kAd0O, .activityFeed-1C0EmJ .body-2d4vNQ {
color: rgba(255, 255, 255, 0.7)
}
.activityFeed-1C0EmJ .title-3mg8_z, .activityFeed-1C0EmJ .header-3uLGFv {
color: #fff
}
.activityFeed-1C0EmJ .colorStandard-2KCXvj {
color: rgba(255, 255, 255, 0.7)
}
.activityFeed-1C0EmJ .colorMuted-HdFt4q {
color: rgba(255, 255, 255, 0.3)
}
.activityFeed-1C0EmJ .card-GqTca8 {
border-radius: 5px;
-webkit-backface-visibility: hidden;
backface-visibility: hidden
}
.activityFeed-1C0EmJ .outer-2IVh5n {
background-color: rgba(0, 0, 0, 0.3);
transition: all .15s ease-in-out
}
.activityFeed-1C0EmJ .outer-2IVh5n.interactive-1BeKSi:hover {
box-shadow: 0 8px 16px rgba(0, 0, 0, 0.3);
background-color: rgba(0, 0, 0, 0.5)
}
.activityFeed-1C0EmJ .coloredBackground-37Z6Gv {
background: var(--main-color)
}
.activityFeed-1C0EmJ .wrapper-9ppXpy {
box-shadow: inset 0 1px rgba(255, 255, 255, 0.04)
}
.activityFeed-1C0EmJ .interactive-1FxC7B {
transition: all .15s ease-in-out
}
.activityFeed-1C0EmJ .interactive-1FxC7B:hover {
background-color: rgba(255, 255, 255, 0.04)
}
.activityFeed-1C0EmJ .shareButton-3w0M74 {
background: rgba(0, 0, 0, 0.5);
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
color: #fff;
transition: all .15s ease-in-out
}
.activityFeed-1C0EmJ .shareButton-3w0M74:hover {
background: var(--main-color)
}
.activityFeed-1C0EmJ .wrapped-15rg6t, .activityFeed-1C0EmJ .unwrapped-37iUtM {
background-color: rgba(255, 255, 255, 0.07);
border-radius: 4px
}
.activityFeed-1C0EmJ .wrapped-15rg6t.clickable-nnkAZy, .activityFeed-1C0EmJ .unwrapped-37iUtM.clickable-nnkAZy {
transition: all .15s ease-in-out
}
.activityFeed-1C0EmJ .wrapped-15rg6t.clickable-nnkAZy:hover, .activityFeed-1C0EmJ .unwrapped-37iUtM.clickable-nnkAZy:hover {
background-color: var(--main-color)
}
.activityFeed-1C0EmJ .empty-hejAOj {
background-color: rgba(255, 255, 255, 0.01);
border-radius: 4px
}
.activityFeed-1C0EmJ .wrapper-2ULRsd, .activityFeed-1C0EmJ .recentlyPlayedContainer-2F3MqS {
background-color: rgba(0, 0, 0, 0.3)
}
.activityFeed-1C0EmJ .headerIcon-2AzihC[src="/assets/b09888a1a6c74c8bb9af76ee61eb70e7.svg"] {
opacity: .7;
-webkit-filter: contrast(5);
filter: contrast(5);
mix-blend-mode: screen
}
.activityFeed-1C0EmJ .popoutContainer-3WC9HR {
transition: all .15s ease-in-out
}
.activityFeed-1C0EmJ .popoutContainer-3WC9HR:hover {
background-color: rgba(255, 255, 255, 0.07)
}
.activityFeed-1C0EmJ .body-1BpgWG {
background-color: rgba(255, 255, 255, 0.04);
border-radius: 5px
}
.activityFeed-1C0EmJ .section-2VKIPC {
background-color: transparent;
border-radius: 5px
}
.activityFeed-1C0EmJ .separator-2c4hi3 {
background-color: rgba(255, 255, 255, 0.04)
}
.activityFeed-1C0EmJ .popout-3G62UL {
background-color: rgba(0, 0, 0, 0.8)
}
.activityFeed-1C0EmJ .popout-3G62UL .colorStandard-2KCXvj {
color: inherit
}
.activityFeed-1C0EmJ .enabled-5QKLzu, .activityFeed-1C0EmJ .memberListItem-2ZX2pl {
color: rgba(255, 255, 255, 0.7);
transition: all .15s ease-in-out
}
.activityFeed-1C0EmJ .enabled-5QKLzu:hover, .activityFeed-1C0EmJ .memberListItem-2ZX2pl:hover {
background-color: var(--main-color);
color: #fff
}
.activityFeed-1C0EmJ .avatarMask-2Mo_pM {
-webkit-mask: none;
mask: none
}
.activityFeed-1C0EmJ .wrapper-3UweLa {
background-color: rgba(0, 0, 0, 0.3);
border-radius: 5px
}
.activityFeed-1C0EmJ .gdprWrapper-33M2Mg {
background-color: rgba(255, 255, 255, 0.07)
}
.activityFeed-1C0EmJ .close-C7sU74 {
color: #fff;
opacity: .5;
transition: all .15s ease-in-out
}
.activityFeed-1C0EmJ .close-C7sU74:hover {
opacity: 1
}
.activityFeed-1C0EmJ .placeholderWrapper-3FaLtZ {
background-color: rgba(0, 0, 0, 0.1)
}
.base-3dtUhz .applicationStore-1pNvnv {
background: transparent
}
.homeWrapper-3-Wh5T > .scrollerWrap-2lJEkd, .browseWrapper-2Qy6vG > .scrollerWrap-2lJEkd, .listingWrapper-329f74 > .scrollerWrap-2lJEkd {
background-color: rgba(0, 0, 0, calc(var(--background-shading) * .5))
}
.applicationStore-1pNvnv .matureListing-3tyHbV, .applicationStore-1pNvnv > .flex-1O1GKY:last-child {
background-color: rgba(0, 0, 0, calc(var(--background-shading) * .5))
}
.applicationStore-1pNvnv .scroller-2FKFPG {
background-color: transparent
}
.heroCarousel-usH_dd .itemBackground-2vEldQ {
background-color: transparent;
-webkit-mask: radial-gradient(ellipse at 50% 10%, #000, transparent 70%);
mask: radial-gradient(ellipse at 50% 10%, #000, transparent 70%)
}
.heroCarousel-usH_dd .itemBackground-2vEldQ:before {
display: none
}
.heroCarousel-usH_dd .itemDescription-234GLf {
color: rgba(255, 255, 255, 0.7)
}
.heroCarousel-usH_dd .header-2Qd56c {
color: rgba(255, 255, 255, 0.5)
}
.heroCarousel-usH_dd .title-1Qzsze {
color: #fff
}
.pagination-1omm9k .paginationItemContainer-3VCxU- {
opacity: .5;
transition: all .3s ease-in-out
}
.pagination-1omm9k .paginationItemContainer-3VCxU-:after {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
border: 2px solid transparent;
border-radius: 3px;
transition: all .3s ease-in-out
}
.pagination-1omm9k .paginationItemContainer-3VCxU-:hover {
opacity: 1
}
.pagination-1omm9k .paginationItemContainer-3VCxU-.paginationSelected-19h9Kq {
box-shadow: 0 0 3px var(--main-color), inset 0 0 3px rgba(0, 0, 0, 0.3);
opacity: 1
}
.pagination-1omm9k .paginationItemContainer-3VCxU-.paginationSelected-19h9Kq:after {
border-color: var(--main-color)
}
.pagination-1omm9k .overlappingBorder-3aFng4 {
display: none
}
.applicationStore-1pNvnv .categoryHeader-1D7Tqy {
border-color: rgba(255, 255, 255, 0.07);
color: #fff;
text-shadow: 0 0 3px #000
}
.applicationStore-1pNvnv .container-hXbkd3 {
-webkit-mask: linear-gradient(to right, transparent, #000 5%, #000 95%, transparent);
mask: linear-gradient(to right, transparent, #000 5%, #000 95%, transparent)
}
.applicationStore-1pNvnv .scrollerButton-1Vm5_P {
background: rgba(0, 0, 0, 0.3);
transition: all .15s ease-in-out
}
.applicationStore-1pNvnv .scrollerButton-1Vm5_P:hover {
background: rgba(0, 0, 0, 0.5)
}
.applicationStore-1pNvnv .gradientOverlayLeft-3w159C, .applicationStore-1pNvnv .gradientOverlayRight-3vMuS8 {
display: none
}
.applicationStore-1pNvnv .tile-QA_yMc, .applicationStore-1pNvnv .tileMedia-1q3guD {
background: rgba(255, 255, 255, 0.07);
background: rgba(0, 0, 0, 0.3);
transition: all .3s ease-in-out
}
.applicationStore-1pNvnv .tile-QA_yMc:hover, .applicationStore-1pNvnv .tileMedia-1q3guD:hover {
background: rgba(0, 0, 0, 0.5)
}
.applicationStore-1pNvnv .title-2XwaXv {
color: var(--main-color)
}
.applicationStore-1pNvnv .tagline-EIH5-W {
color: rgba(255, 255, 255, 0.5)
}
.applicationStore-1pNvnv .perkTag-2O4dx4 {
background: var(--main-color)
}
.applicationStore-1pNvnv .genreTag-3QLRUJ {
background: rgba(255, 255, 255, 0.07);
color: rgba(255, 255, 255, 0.7)
}
.applicationStore-1pNvnv .footer-3oZnEF {
position: relative;
background-size: 0, 0
}
.applicationStore-1pNvnv .footer-3oZnEF:after {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: inherit;
background-size: auto, 100%;
opacity: .3;
-webkit-filter: grayscale(1) brightness(1.5);
filter: grayscale(1) brightness(1.5);
pointer-events: none
}
.applicationStore-1pNvnv .footerMain-Z8i6ST {
color: rgba(255, 255, 255, 0.7)
}
.applicationStore-1pNvnv .footerSub-1Jedbi {
color: rgba(255, 255, 255, 0.3)
}
.browseWrapper-2Qy6vG .sortFilterBar-3hePOV {
border-color: rgba(255, 255, 255, 0.07)
}
.browseWrapper-2Qy6vG .filterAndSort-gLX1Ym, .browseWrapper-2Qy6vG .hideGames-zMTyGl {
color: rgba(255, 255, 255, 0.5)
}
.browseWrapper-2Qy6vG .checkbox-1ix_J3 {
position: relative;
width: 35px !important;
height: 18px !important;
background: rgba(255, 255, 255, 0.04) !important;
border: none !important;
border-radius: 10px;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.5)
}
.browseWrapper-2Qy6vG .checkbox-1ix_J3:before {
content: "";
position: absolute;
top: 0;
right: 100%;
bottom: 0;
left: 0;
border-radius: 10px;
transition: all .2s ease-in-out
}
.browseWrapper-2Qy6vG .checkbox-1ix_J3:after {
content: "";
position: absolute;
left: 0;
width: 18px;
height: 18px;
background: #fff;
border-radius: 50%;
box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.3);
transition: all .2s ease-in-out
}
.browseWrapper-2Qy6vG .checkbox-1ix_J3.checked-3_4uQ9:before {
right: 0;
background: var(--main-color)
}
.browseWrapper-2Qy6vG .checkbox-1ix_J3.checked-3_4uQ9:after {
left: 100%;
margin-left: -18px
}
.browseWrapper-2Qy6vG .checkbox-1ix_J3 > svg {
display: none
}
.popouts-2bnG9Z .popout-2sKjHu {
background: rgba(0, 0, 0, 0.7)
}
.popout-2sKjHu .option-1mJRMP {
border-radius: 3px;
color: rgba(255, 255, 255, 0.5);
transition: all .15s ease-in-out
}
.popout-2sKjHu .option-1mJRMP:hover {
background: rgba(0, 0, 0, 0.5);
color: #fff
}
.popout-2sKjHu .option-1mJRMP.optionActive-KkAdqq {
background: var(--main-color);
color: #fff
}
.carouselButtonsContainer-Rba2-D .item-3V15ea {
background: rgba(0, 0, 0, 0.3)
}
.carouselButtonsContainer-Rba2-D .arrow-3jRqK8 {
background: rgba(0, 0, 0, 0.2);
border-radius: 50%;
color: rgba(255, 255, 255, 0.3);
opacity: 1;
transition: all .15s ease-in-out
}
.carouselButtonsContainer-Rba2-D .arrow-3jRqK8:hover {
background: rgba(0, 0, 0, 0.5);
color: rgba(255, 255, 255, 0.7)
}
.pagination-1iCa-F .horizontalPaginationItemContainer-26FwrR {
-webkit-mask: linear-gradient(to right, transparent, #000 5%, #000 95%, transparent);
mask: linear-gradient(to right, transparent, #000 5%, #000 95%, transparent)
}
.pagination-1iCa-F .paginationItem-3-iI7C {
opacity: .5;
transition: all .3s ease-in-out
}
.pagination-1iCa-F .paginationItem-3-iI7C:after {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
border: 2px solid transparent;
border-radius: 3px;
transition: all .3s ease-in-out
}
.pagination-1iCa-F .paginationItem-3-iI7C:hover {
opacity: 1
}
.pagination-1iCa-F .paginationItem-3-iI7C.selectedStorePaginationItem-2t23h9 {
box-shadow: 0 0 3px var(--main-color), inset 0 0 3px rgba(0, 0, 0, 0.3);
opacity: 1
}
.pagination-1iCa-F .paginationItem-3-iI7C.selectedStorePaginationItem-2t23h9:after {
border-color: var(--main-color)
}
.pagination-1iCa-F .overlappingBorder-1-XPGl {
display: none
}
.listing-2nUQ4d .divider-21LyPb {
background: rgba(255, 255, 255, 0.07)
}
.listing-2nUQ4d .lookFilled-1Gx00P.colorPrimary-3b3xI6 {
background: rgba(255, 255, 255, 0.1);
color: rgba(255, 255, 255, 0.7)
}
.listing-2nUQ4d .lookFilled-1Gx00P.colorPrimary-3b3xI6:hover {
background: rgba(255, 255, 255, 0.2);
color: #fff
}
.listing-2nUQ4d .whyYouMightLikeIt-2zZIIj {
background: rgba(255, 255, 255, 0.07)
}
.whyYouMightLikeIt-2zZIIj .description-2Ifi6N, .whyYouMightLikeIt-2zZIIj .text-1Z3P6i {
color: rgba(255, 255, 255, 0.7)
}
.whyYouMightLikeIt-2zZIIj .description-2Ifi6N strong, .whyYouMightLikeIt-2zZIIj .text-1Z3P6i strong {
color: #fff
}
.whyYouMightLikeIt-2zZIIj .username-2gp_Xw {
color: var(--main-color);
transition: all .1s ease-in-out
}
.whyYouMightLikeIt-2zZIIj .username-2gp_Xw:hover {
text-shadow: 0 0 1px;
text-decoration: none !important
}
.whyYouMightLikeIt-2zZIIj .iconCircle-1dlYo0 {
background: rgba(0, 0, 0, 0.2);
color: rgba(255, 255, 255, 0.7)
}
.whyYouMightLikeIt-2zZIIj .premiumCircle-3jgziV {
background: rgba(0, 0, 0, 0.2);
color: var(--main-color)
}
.whyYouMightLikeIt-2zZIIj .premiumCircle-3jgziV > svg {
-webkit-filter: drop-shadow(0 0 1px);
filter: drop-shadow(0 0 1px)
}
.news-27xNIP .item-2yFVoY {
background: rgba(0, 0, 0, 0.3);
transition: all .15s ease-in-out
}
.news-27xNIP .item-2yFVoY:hover {
background: rgba(0, 0, 0, 0.5);
text-shadow: none
}
.requirements-dEriwm .requirementKey-14DT2D {
color: rgba(255, 255, 255, 0.7);
font-weight: 600
}
.requirements-dEriwm .requirement-2guSgu {
color: rgba(255, 255, 255, 0.5)
}
.purchaseUnit-2lxci3 .entitledHeader-3LRNDT {
background: var(--main-color);
color: #fff
}
.purchaseUnit-2lxci3 .headerFancy-1AcCLF {
position: relative;
background-size: 0;
overflow: hidden;
z-index: 1
}
.purchaseUnit-2lxci3 .headerFancy-1AcCLF:before {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: linear-gradient(to right, var(--main-color), var(--hover-color));
z-index: -1
}
.purchaseUnit-2lxci3 .headerFancy-1AcCLF:after {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-image: inherit;
background-size: auto, 0;
opacity: .1;
-webkit-filter: grayscale(1) brightness(1.5);
filter: grayscale(1) brightness(1.5);
z-index: -1
}
.purchaseUnit-2lxci3 .premiumHeaderPrice-1F1CMD {
background: #fff;
color: #000;
mix-blend-mode: screen
}
.purchaseUnit-2lxci3 .purchaseUnitOperatingSystem-cnbJPz {
color: rgba(255, 255, 255, 0.4);
transition: all .15s ease-in-out
}
.purchaseUnit-2lxci3 .purchaseUnitOperatingSystem-cnbJPz:hover {
color: rgba(255, 255, 255, 0.7)
}
.purchaseUnit-2lxci3 .bodySection-jqkkIP {
background: rgba(0, 0, 0, 0.3);
border-top-color: rgba(255, 255, 255, 0.07)
}
.purchaseUnit-2lxci3 .skuNormal-3h1es- {
border-bottom-color: rgba(255, 255, 255, 0.04)
}
.purchaseUnit-2lxci3 .label-13UUcd {
color: rgba(255, 255, 255, 0.7);
font-weight: 600
}
.purchaseUnit-2lxci3 .info-1Emy1X {
color: rgba(255, 255, 255, 0.5)
}
.purchaseUnit-2lxci3 .genre-1Fi2SE {
color: var(--main-color);
transition: all .1s ease-in-out
}
.purchaseUnit-2lxci3 .genre-1Fi2SE:hover {
text-shadow: 0 0 1px;
text-decoration: none !important
}
.sku-epQEb_ .name-u2zgy7 {
color: rgba(255, 255, 255, 0.7);
transition: all .15s ease-in-out
}
.sku-epQEb_ .price-NUANu6 {
background: rgba(255, 255, 255, 0.04);
color: rgba(255, 255, 255, 0.7);
transition: all .15s ease-in-out
}
.sku-epQEb_:hover .name-u2zgy7 {
color: #fff
}
.sku-epQEb_:hover .price-NUANu6 {
background: rgba(255, 255, 255, 0.1);
color: #fff
}
.guildInvite-3fvAbr .content-35aVm0 {
background: rgba(255, 255, 255, 0.04)
}
.guildInvite-3fvAbr .guildIcon-3du51s {
background-color: rgba(0, 0, 0, 0.1)
}
.guildInvite-3fvAbr .name-3TBxUq {
color: rgba(255, 255, 255, 0.7)
}
.guildInvite-3fvAbr .memberInfo-1TAaKC {
color: rgba(255, 255, 255, 0.3)
}
.guildInvite-3fvAbr .dotOnline-3qrf96 {
background: var(--online-color);
box-shadow: 0 0 3px, 0 0 5px rgba(0, 0, 0, 0.5);
color: var(--online-color)
}
.guildInvite-3fvAbr .dotOffline-1PVTuj {
background: var(--offline-color);
box-shadow: 0 0 3px, 0 0 5px rgba(0, 0, 0, 0.5);
color: var(--offline-color)
}
.listing-2nUQ4d .guildInvite-3fvAbr .lookFilled-1Gx00P.colorPrimary-3b3xI6 {
background: var(--success-color);
color: #fff;
opacity: .7
}
.listing-2nUQ4d .guildInvite-3fvAbr .lookFilled-1Gx00P.colorPrimary-3b3xI6:hover {
background: var(--success-color);
color: #fff;
opacity: 1
}
.features-_IOqVv .row-1bU71H {
background: rgba(255, 255, 255, 0.04);
color: rgba(255, 255, 255, 0.5)
}
.features-_IOqVv .featureIcon-1f78KU {
color: rgba(255, 255, 255, 0.5)
}
.features-_IOqVv .checkmarkIcon-2EnYwn {
color: var(--success-color)
}
.button-38aScr {
border-radius: 3px;
transition: all .3s ease-in-out
}
.appMount-3lHmkl .lookFilled-1Gx00P.colorGreen-29iAKY, .appMount-3lHmkl .lookFilled-1Gx00P.colorBrand-3pXr91, .appMount-3lHmkl .lookFilled-1Gx00P.colorPrimary-3b3xI6 {
background: var(--main-color)
}
.appMount-3lHmkl .lookFilled-1Gx00P.colorGreen-29iAKY:hover, .appMount-3lHmkl .hasHover-3X1-zV.lookFilled-1Gx00P.colorGreen-29iAKY:hover, .appMount-3lHmkl .lookFilled-1Gx00P.colorBrand-3pXr91:hover, .appMount-3lHmkl .hasHover-3X1-zV.lookFilled-1Gx00P.colorBrand-3pXr91:hover, .appMount-3lHmkl .lookFilled-1Gx00P.colorPrimary-3b3xI6:hover, .appMount-3lHmkl .hasHover-3X1-zV.lookFilled-1Gx00P.colorPrimary-3b3xI6:hover {
background: var(--hover-color)
}
.appMount-3lHmkl .lookFilled-1Gx00P.colorGreen-29iAKY:disabled, .appMount-3lHmkl .lookFilled-1Gx00P.colorBrand-3pXr91:disabled, .appMount-3lHmkl .lookFilled-1Gx00P.colorPrimary-3b3xI6:disabled {
background: var(--main-color) !important
}
.lookFilled-1Gx00P.colorWhite-rEQuAQ, .lookFilled-1Gx00P.colorGrey-2DXtkV {
background: rgba(255, 255, 255, 0.1)
}
.lookFilled-1Gx00P.colorWhite-rEQuAQ > .contents-18-Yxp, .lookFilled-1Gx00P.colorGrey-2DXtkV > .contents-18-Yxp {
color: rgba(255, 255, 255, 0.7);
transition: inherit
}
.lookFilled-1Gx00P.colorWhite-rEQuAQ:hover, .lookFilled-1Gx00P.colorGrey-2DXtkV:hover {
background: rgba(255, 255, 255, 0.2) !important
}
.lookFilled-1Gx00P.colorWhite-rEQuAQ:hover > .contents-18-Yxp, .lookFilled-1Gx00P.colorGrey-2DXtkV:hover > .contents-18-Yxp {
color: #fff
}
.lookFilled-1Gx00P.colorWhite-rEQuAQ:disabled, .lookFilled-1Gx00P.colorGrey-2DXtkV:disabled {
background: rgba(255, 255, 255, 0.1) !important
}
.lookFilled-1Gx00P.colorWhite-rEQuAQ:disabled > .contents-18-Yxp, .lookFilled-1Gx00P.colorGrey-2DXtkV:disabled > .contents-18-Yxp {
color: rgba(255, 255, 255, 0.5)
}
.lookInverted-2D7oAl, .lookInverted-2D7oAl.colorBrand-3pXr91, .lookInverted-2D7oAl.colorGreen-29iAKY {
background: rgba(255, 255, 255, 0.1);
color: rgba(255, 255, 255, 0.7)
}
.lookInverted-2D7oAl:hover, .lookInverted-2D7oAl.colorBrand-3pXr91:hover, .lookInverted-2D7oAl.colorGreen-29iAKY:hover {
background: rgba(255, 255, 255, 0.2);
color: #fff
}
.appMount-3lHmkl .lookOutlined-3sRXeN.colorWhite-rEQuAQ, .appMount-3lHmkl .lookOutlined-3sRXeN.colorPrimary-3b3xI6 {
background: rgba(255, 255, 255, 0.05);
border-color: transparent;
color: rgba(255, 255, 255, 0.7)
}
.appMount-3lHmkl .lookOutlined-3sRXeN.colorWhite-rEQuAQ:hover, .appMount-3lHmkl .lookOutlined-3sRXeN.colorPrimary-3b3xI6:hover {
background: rgba(255, 255, 255, 0.1);
border-color: transparent;
color: #fff
}
.lookLink-9FtZy-.colorWhite-rEQuAQ {
color: #fff
}
.lookLink-9FtZy-.colorWhite-rEQuAQ:hover {
text-shadow: 0 0 3px
}
.lookLink-9FtZy-.colorWhite-rEQuAQ:hover > .contents-18-Yxp {
background-image: none
}
::-webkit-scrollbar {
width: 14px !important
}
::-webkit-scrollbar-thumb, ::-webkit-scrollbar-track-piece {
border: 3px solid transparent !important;
border-radius: 7px !important;
background-clip: padding-box !important
}
::-webkit-scrollbar-thumb {
background-color: var(--main-color) !important
}
::-webkit-scrollbar-thumb:active {
background-color: var(--hover-color) !important
}
::-webkit-scrollbar-track, ::-webkit-scrollbar-track-piece {
background-color: transparent !important
}
.membersWrap-2h-GB4 .scroller-2FKFPG::-webkit-scrollbar-thumb, .membersWrap-2h-GB4 .scroller-2FKFPG::-webkit-scrollbar-track-piece {
visibility: hidden
}
.membersWrap-2h-GB4 .scroller-2FKFPG:hover::-webkit-scrollbar-thumb, .membersWrap-2h-GB4 .scroller-2FKFPG:hover::-webkit-scrollbar-track-piece {
visibility: visible
}
.chat-3bRxxu .scroller-2FKFPG::-webkit-scrollbar-track-piece, .membersWrap-2h-GB4 .scroller-2FKFPG::-webkit-scrollbar-track-piece, .friendsTable-133bsv .scroller-2FKFPG::-webkit-scrollbar-track-piece {
background-color: rgba(0, 0, 0, 0.3) !important
}
textarea::-webkit-scrollbar {
display: none
}
.wrapper-232cHJ {
background: var(--main-color);
box-shadow: 0 0 10px -3px var(--main-color), 0 0 0 1px var(--main-color);
color: #fff;
font-size: 12px;
font-weight: 600;
text-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
line-height: 12px;
transition: all .3s ease-in-out
}
.selected-3s45Ha .wrapper-232cHJ {
background: #fff;
box-shadow: none;
color: #000;
mix-blend-mode: screen
}
.numberBadge-2s8kKX, .textBadge-1iylP6 {
background: var(--main-color) !important;
box-shadow: 0 0 10px -3px var(--main-color), 0 0 0 1px var(--main-color);
color: #fff;
font-weight: 600;
text-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
transition: all .3s ease-in-out
}
.numberBadge-2s8kKX {
font-size: 12px;
line-height: 12px
}
.modeSelected-1zApJ_ .numberBadge-2s8kKX, .modeSelected-1zApJ_ .textBadge-1iylP6, .selected-aXhQR6 .numberBadge-2s8kKX, .selected-aXhQR6 .textBadge-1iylP6, .selected-3s45Ha .numberBadge-2s8kKX, .selected-3s45Ha .textBadge-1iylP6 {
background: #fff !important;
box-shadow: none;
color: #000;
mix-blend-mode: screen
}
.tooltip-2QfLtc {
padding: 5px 10px;
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
border-radius: 3px;
font-size: 13px;
font-weight: 600
}
.layerContainer-yqaFcK .tooltip-2QfLtc {
color: #fff
}
.tooltip-2QfLtc.tooltipBlack-PPG47z {
background: rgba(0, 0, 0, 0.9)
}
.tooltip-2QfLtc.tooltipBlack-PPG47z > .tooltipPointer-3ZfirK {
border-top-color: rgba(0, 0, 0, 0.9)
}
.tooltip-2QfLtc.tooltipBrand-g03Nz8 {
background: var(--main-color)
}
.tooltip-2QfLtc.tooltipBrand-g03Nz8 > .tooltipPointer-3ZfirK {
border-top-color: var(--main-color)
}
.tooltip-2QfLtc.tooltipRed-8-9NeP {
background: var(--danger-color)
}
.tooltip-2QfLtc.tooltipRed-8-9NeP > .tooltipPointer-3ZfirK {
border-top-color: var(--danger-color)
}
.tooltip-2QfLtc.tooltipGreen-WdeQwd {
background: var(--success-color)
}
.tooltip-2QfLtc.tooltipGreen-WdeQwd > .tooltipPointer-3ZfirK {
border-top-color: var(--success-color)
}
.tooltip-2QfLtc.tooltipTop-XDDSxx {
-webkit-animation: cv-menu-fold-y 0.15s cubic-bezier(0.2, 0.6, 0.5, 1.1);
animation: cv-menu-fold-y 0.15s cubic-bezier(0.2, 0.6, 0.5, 1.1);
transform-origin: 50% 100%
}
.tooltip-2QfLtc.tooltipBottom-3ARrEK {
-webkit-animation: cv-menu-fold-y 0.15s cubic-bezier(0.2, 0.6, 0.5, 1.1);
animation: cv-menu-fold-y 0.15s cubic-bezier(0.2, 0.6, 0.5, 1.1);
transform-origin: 50% 0
}
.tooltip-2QfLtc.tooltipRight-2JM5PQ {
-webkit-animation: cv-menu-fold-x 0.15s cubic-bezier(0.2, 0.6, 0.5, 1.1);
animation: cv-menu-fold-x 0.15s cubic-bezier(0.2, 0.6, 0.5, 1.1);
transform-origin: 0 50%
}
.tooltip-2QfLtc.tooltipLeft-3EDOk1 {
-webkit-animation: cv-menu-fold-x 0.15s cubic-bezier(0.2, 0.6, 0.5, 1.1);
animation: cv-menu-fold-x 0.15s cubic-bezier(0.2, 0.6, 0.5, 1.1);
transform-origin: 100% 50%
}
.checkbox-3kaeSU .checkboxInner-3yjcPe {
width: 35px;
height: 18px
}
.checkbox-3kaeSU .checkboxInner-3yjcPe > span {
background: rgba(255, 255, 255, 0.04);
border: none;
border-radius: 10px;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
transition: all .2s ease-in-out
}
.checkbox-3kaeSU .checkboxInner-3yjcPe > span:before {
content: "";
position: absolute;
top: 0;
right: 100%;
bottom: 0;
left: 0;
border-radius: 10px;
transition: all .2s ease-in-out
}
.checkbox-3kaeSU .checkboxInner-3yjcPe > span:after {
content: "";
position: absolute;
left: 0;
width: 18px;
height: 18px;
background: #fff;
border-radius: 50%;
box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.3);
transition: all .2s ease-in-out
}
.checkbox-3kaeSU .checkboxInner-3yjcPe .checkboxElement-1qV33p:checked + span {
background: rgba(255, 255, 255, 0.04)
}
.checkbox-3kaeSU .checkboxInner-3yjcPe .checkboxElement-1qV33p:checked + span:before {
right: 0;
background: var(--main-color)
}
.checkbox-3kaeSU .checkboxInner-3yjcPe .checkboxElement-1qV33p:checked + span:after {
left: 100%;
width: 18px;
height: 18px;
margin-left: -18px;
border: none;
transform: none
}
.slider-1PF9SW .bar-2Qqk5Z {
background: rgba(255, 255, 255, 0.04);
transition: all .15s ease-in-out
}
.slider-1PF9SW .barFill-23-gu- {
background: var(--main-color)
}
.slider-1PF9SW .grabber-3mFHz2 {
background: #fff;
border: none;
border-radius: 5px;
box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.3)
}
.wanderingCubesItem-WPXqao {
width: 100%;
height: 100%;
background: transparent;
-webkit-animation: cv-spinner-glow 3s ease-in-out infinite alternate;
animation: cv-spinner-glow 3s ease-in-out infinite alternate;
-webkit-filter: drop-shadow(0 0 3px var(--main-color));
filter: drop-shadow(0 0 3px var(--main-color))
}
.wanderingCubesItem-WPXqao:before, .wanderingCubesItem-WPXqao:after {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
border: 3px solid transparent;
border-radius: 50%
}
.wanderingCubesItem-WPXqao:before {
-webkit-animation: cv-spin 1s ease-in-out infinite;
animation: cv-spin 1s ease-in-out infinite
}
.wanderingCubesItem-WPXqao:after {
border-color: var(--main-color);
opacity: .1
}
.wanderingCubesItem-WPXqao:first-child:before {
border-left-color: var(--main-color);
border-right-color: var(--main-color)
}
.wanderingCubesItem-WPXqao:last-child {
width: calc(100% - 10px);
height: calc(100% - 10px);
margin: 5px
}
.wanderingCubesItem-WPXqao:last-child:before {
border-top-color: var(--main-color);
border-bottom-color: var(--main-color);
animation-direction: reverse
}
.pulsingEllipsisItem-32hhWL {
background: #fff;
border-radius: 50%;
-webkit-animation: cv-spinner-pulse 1s ease-in-out infinite alternate;
animation: cv-spinner-pulse 1s ease-in-out infinite alternate;
opacity: .3
}
.pulsingEllipsisItem-32hhWL:nth-child(2) {
-webkit-animation-delay: .2s;
animation-delay: .2s
}
.pulsingEllipsisItem-32hhWL:nth-child(3) {
-webkit-animation-delay: .4s;
animation-delay: .4s
}
.container-2Pjhx- .name-uJV0GL {
font-size: 14px;
color: rgba(255, 255, 255, 0.6);
transition: all .15s ease-in-out;
overflow: hidden
}
.container-2Pjhx- .activity-525YDR, .container-2Pjhx- .subText-1KtqkB, .container-2Pjhx- .activityText-OW8WYb, .container-2Pjhx- .activity-2Gy-9S, .container-2Pjhx- .activityText-yGKsKm {
color: rgba(255, 255, 255, 0.4);
transition: all .15s ease-in-out
}
.container-2Pjhx- .subText-1KtqkB > strong, .container-2Pjhx- .activityText-OW8WYb > strong, .container-2Pjhx- .activityText-yGKsKm > strong {
color: var(--main-color);
font-weight: 700;
transition: all .15s ease-in-out
}
.container-2Pjhx-.selected-aXhQR6 .name-uJV0GL {
color: #fff
}
.container-2Pjhx-.selected-aXhQR6 .activity-525YDR, .container-2Pjhx-.selected-aXhQR6 .subText-1KtqkB, .container-2Pjhx-.selected-aXhQR6 .activityText-OW8WYb, .container-2Pjhx-.selected-aXhQR6 .activity-2Gy-9S, .container-2Pjhx-.selected-aXhQR6 .activityText-yGKsKm {
text-shadow: 0 0 3px rgba(0, 0, 0, 0.7);
color: rgba(255, 255, 255, 0.7)
}
.container-2Pjhx-.selected-aXhQR6 .subText-1KtqkB > strong, .container-2Pjhx-.selected-aXhQR6 .activityText-OW8WYb > strong, .container-2Pjhx-.selected-aXhQR6 .activityText-yGKsKm > strong {
color: #fff
}
.container-2Pjhx-.selected-aXhQR6 .ownerIcon-uZ6mE7 {
-webkit-filter: drop-shadow(0 0 3px rgba(0, 0, 0, 0.7));
filter: drop-shadow(0 0 3px rgba(0, 0, 0, 0.7));
opacity: .7
}
.container-2Pjhx-.selected-aXhQR6 .icon-15YQ1T, .container-2Pjhx-.selected-aXhQR6 .activityEmoji-1AR8K6, .container-2Pjhx-.selected-aXhQR6 .activityEmoji-2GDGtF {
-webkit-filter: drop-shadow(0 0 3px rgba(0, 0, 0, 0.7));
filter: drop-shadow(0 0 3px rgba(0, 0, 0, 0.7))
}
.popout-2iWAc- {
box-shadow: none
}
.popout-2iWAc-[style*="overflow: hidden"] {
box-shadow: 0 0 10px rgba(0, 0, 0, 0.5)
}
.popout-2iWAc- header {
background: var(--main-color);
border-radius: 3px 3px 0 0
}
.popout-2iWAc- section {
background: rgba(0, 0, 0, 0.7);
border-radius: 0 0 3px 3px
}
.popouts-2bnG9Z > .popoutTop-3WSJtH:after, .popouts-2bnG9Z > .popoutTopLeft-3B0mFf:after, .popouts-2bnG9Z > .popoutTopRight-1lc8Mq:after {
border-top-color: rgba(0, 0, 0, 0.7)
}
.popouts-2bnG9Z > .popoutRight-1veHKi:after {
border-right-color: rgba(0, 0, 0, 0.7)
}
.popouts-2bnG9Z > .popoutLeft-3aViER:after {
border-left-color: rgba(0, 0, 0, 0.7)
}
.popouts-2bnG9Z > .popoutBottom-2GAFPg:after, .popouts-2bnG9Z > .popoutBottomLeft-1pG8B4:after, .popouts-2bnG9Z > .popoutBottomRight-2Rno5S:after {
border-bottom-color: var(--main-color)
}
.userPopout-3XzG_A {
position: relative;
max-height: calc(100vh - 40px);
border-radius: 5px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
-webkit-animation: cv-menu-fold-x 0.2s cubic-bezier(0.2, 0.6, 0.5, 1.1);
animation: cv-menu-fold-x 0.2s cubic-bezier(0.2, 0.6, 0.5, 1.1);
transform-origin: 0 50%
}
.userPopout-3XzG_A:before {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
margin: calc(-2 * var(--user-popout-blur));
background: var(--user-popout-image) var(--user-popout-position)/var(--user-popout-size) var(--user-popout-repeat) var(--user-popout-attachment);
-webkit-filter: grayscale(var(--user-popout-grayscale)) sepia(var(--user-popout-sepia)) invert(var(--user-popout-invert)) brightness(var(--user-popout-brightness)) contrast(var(--user-popout-contrast)) saturate(var(--user-popout-saturation)) blur(var(--user-popout-blur));
filter: grayscale(var(--user-popout-grayscale)) sepia(var(--user-popout-sepia)) invert(var(--user-popout-invert)) brightness(var(--user-popout-brightness)) contrast(var(--user-popout-contrast)) saturate(var(--user-popout-saturation)) blur(var(--user-popout-blur));
z-index: -1
}
.animatorLeft-1EQxU0 > .userPopout-3XzG_A {
margin-right: -16px;
transform-origin: 100% 50%
}
.userPopout-3XzG_A .header-2BwW8b {
background: linear-gradient(to bottom, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.4)) center/cover
}
.userPopout-3XzG_A .headerStreaming-2FjmGz {
background: linear-gradient(to bottom, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.4)) center/cover, linear-gradient(to bottom, rgba(89, 54, 149, 0.4) 93%, transparent 100%)
}
.userPopout-3XzG_A .headerSpotify-zpWxgT {
background: linear-gradient(to bottom, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.4)) center/cover, linear-gradient(to bottom, rgba(29, 185, 84, 0.4) 93%, transparent 100%)
}
.userPopout-3XzG_A .headerXbox-3G-4PF {
background: linear-gradient(to bottom, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.4)) center/cover, linear-gradient(to bottom, rgba(16, 124, 16, 0.4) 93%, transparent 100%)
}
.userPopout-3XzG_A .headerXbox-3G-4PF .actionsUserPopout-2MrzCa > .button-38aScr {
background: rgba(16, 124, 16, 0.3)
}
.userPopout-3XzG_A .headerXbox-3G-4PF .actionsUserPopout-2MrzCa > .button-38aScr:hover {
background: rgba(16, 124, 16, 0.5)
}
.userPopout-3XzG_A .activityUserPopout-2yItg2 {
background: rgba(0, 0, 0, 0.04)
}
.userPopout-3XzG_A .mobileIndicator-29f8Xh {
color: rgba(255, 255, 255, 0.4)
}
.userPopout-3XzG_A .nameTag-m8r81H {
overflow: visible
}
.userPopout-3XzG_A .actionsUserPopout-2MrzCa > .button-38aScr, .userPopout-3XzG_A .listeningActionsUserPopout-Ga2V_N > .button-38aScr {
flex-grow: 1
}
.userPopout-3XzG_A .body-3iLsc4 {
background: rgba(0, 0, 0, 0.65)
}
.userPopout-3XzG_A .bodyInner-245q0L {
background: transparent
}
.userPopout-3XzG_A .bodyTitle-Y0qMQz {
color: rgba(255, 255, 255, 0.7);
flex-shrink: 0
}
.userPopout-3XzG_A .rolesList-22qj2L {
margin-top: 0
}
.userPopout-3XzG_A #permissions-popout {
display: flex;
flex-direction: column;
flex-shrink: 1
}
.userPopout-3XzG_A #permissions-popout > .rolesList-22qj2L {
max-height: unset
}
.userPopout-3XzG_A .note-3HfJZ5 > textarea {
background: transparent;
color: rgba(255, 255, 255, 0.8)
}
.userPopout-3XzG_A .note-3HfJZ5 > textarea:focus {
background: transparent
}
.userPopout-3XzG_A .note-3HfJZ5 > textarea::-moz-placeholder {
color: rgba(255, 255, 255, 0.5)
}
.userPopout-3XzG_A .note-3HfJZ5 > textarea:-ms-input-placeholder {
color: rgba(255, 255, 255, 0.5)
}
.userPopout-3XzG_A .note-3HfJZ5 > textarea::-ms-input-placeholder {
color: rgba(255, 255, 255, 0.5)
}
.userPopout-3XzG_A .note-3HfJZ5 > textarea::placeholder {
color: rgba(255, 255, 255, 0.5)
}
.userPopout-3XzG_A .footer-1fjuF6 {
background: rgba(0, 0, 0, 0.65);
border-color: rgba(255, 255, 255, 0.04)
}
.userPopout-3XzG_A .quickMessage-1yeL4E {
background: rgba(0, 0, 0, 0.3);
border-color: transparent;
color: #fff;
transition: all .3s ease-in-out
}
.userPopout-3XzG_A .quickMessage-1yeL4E::-moz-placeholder {
color: rgba(255, 255, 255, 0.5)
}
.userPopout-3XzG_A .quickMessage-1yeL4E:-ms-input-placeholder {
color: rgba(255, 255, 255, 0.5)
}
.userPopout-3XzG_A .quickMessage-1yeL4E::-ms-input-placeholder {
color: rgba(255, 255, 255, 0.5)
}
.userPopout-3XzG_A .quickMessage-1yeL4E::placeholder {
color: rgba(255, 255, 255, 0.5)
}
.userPopout-3XzG_A .quickMessage-1yeL4E:focus {
border-color: var(--main-color);
box-shadow: 0 0 1px var(--main-color)
}
.userPopout-3XzG_A .tip-2ab612 {
color: rgba(255, 255, 255, 0.5);
opacity: 1
}
.appMount-3lHmkl .contextMenu-HLZMGh {
padding: 2px 3px;
background: rgba(0, 0, 0, 0.7);
box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
-webkit-animation: cv-menu-fold-y 0.2s cubic-bezier(0.2, 0.6, 0.5, 1.1);
animation: cv-menu-fold-y 0.2s cubic-bezier(0.2, 0.6, 0.5, 1.1);
transform-origin: 50% 0;
z-index: 3003
}
.contextMenu-HLZMGh .itemGroup-1tL0uz {
border-top-color: rgba(255, 255, 255, 0.04)
}
.contextMenu-HLZMGh .item-1Yvehc {
background-color: transparent;
color: rgba(255, 255, 255, 0.6);
border-radius: 3px;
transition: all .15s ease-in-out
}
.contextMenu-HLZMGh .item-1Yvehc:hover {
background-color: rgba(0, 0, 0, 0.7);
color: #fff
}
.contextMenu-HLZMGh .item-1Yvehc.brand-3igrJY {
color: rgba(255, 255, 255, 0.6) !important
}
.contextMenu-HLZMGh .item-1Yvehc.brand-3igrJY:hover {
color: #fff !important
}
.contextMenu-HLZMGh .item-1Yvehc.danger-2dXSTE {
position: relative;
background-color: transparent;
color: rgba(255, 255, 255, 0.6) !important;
width: calc(100% - 4px);
margin: 2px
}
.contextMenu-HLZMGh .item-1Yvehc.danger-2dXSTE:after {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: var(--danger-color);
opacity: .5;
transition: inherit;
z-index: -1
}
.contextMenu-HLZMGh .item-1Yvehc.danger-2dXSTE:hover {
color: #fff !important
}
.contextMenu-HLZMGh .item-1Yvehc.danger-2dXSTE:hover:after {
opacity: .7
}
.subMenuContext-2n_9YM {
margin: 0 -5px
}
.subMenuContext-2n_9YM .contextMenu-HLZMGh {
transform-origin: 50% 50%
}
.layer-v9HyYc .container-3cGP6G {
border: 1px solid transparent;
background: rgba(0, 0, 0, 0.5);
box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
-webkit-animation: cv-menu-fold-y 0.2s cubic-bezier(0.2, 0.6, 0.5, 1.1);
animation: cv-menu-fold-y 0.2s cubic-bezier(0.2, 0.6, 0.5, 1.1);
transform-origin: 50% 0
}
.layer-v9HyYc .container-3cGP6G .item-2J1YMK {
background: transparent !important;
color: rgba(255, 255, 255, 0.4);
transition: all .15s ease-in-out
}
.layer-v9HyYc .container-3cGP6G .item-2J1YMK:hover {
color: rgba(255, 255, 255, 0.7)
}
.popout-2iWAc- .menu-Sp6bN1 {
background: rgba(0, 0, 0, 0.7)
}
.appMount-3lHmkl .menu-Sp6bN1 {
background: rgba(0, 0, 0, 0.7)
}
.appMount-3lHmkl .menu-Sp6bN1 .itemBase-1Qj4z6 {
color: rgba(255, 255, 255, 0.7);
transition: all .15s ease-in-out
}
.appMount-3lHmkl .menu-Sp6bN1 .itemBase-1Qj4z6 .icon-2doZ3q {
color: rgba(255, 255, 255, 0.5);
transition: all .15s ease-in-out
}
.appMount-3lHmkl .menu-Sp6bN1 .itemBase-1Qj4z6 .icon-2doZ3q[name=EyeHidden] > rect {
fill: var(--danger-color)
}
.appMount-3lHmkl .menu-Sp6bN1 .itemBase-1Qj4z6:hover {
background: var(--main-color);
color: #fff
}
.appMount-3lHmkl .menu-Sp6bN1 .itemBase-1Qj4z6:hover .icon-2doZ3q {
color: rgba(255, 255, 255, 0.7)
}
.appMount-3lHmkl .menu-Sp6bN1 .itemBase-1Qj4z6.leave-1DRJfn {
position: relative;
margin: 2px;
background-color: transparent;
color: rgba(255, 255, 255, 0.6);
width: calc(100% - 4px);
z-index: 1
}
.appMount-3lHmkl .menu-Sp6bN1 .itemBase-1Qj4z6.leave-1DRJfn:after {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
margin: 0 2px;
background: var(--danger-color);
border-radius: 3px;
opacity: .5;
transition: inherit;
z-index: -1
}
.appMount-3lHmkl .menu-Sp6bN1 .itemBase-1Qj4z6.leave-1DRJfn:hover {
color: #fff
}
.appMount-3lHmkl .menu-Sp6bN1 .itemBase-1Qj4z6.leave-1DRJfn:hover:after {
opacity: .7
}
.appMount-3lHmkl .menu-Sp6bN1 .itemBase-1Qj4z6.leave-1DRJfn:hover .icon-2doZ3q {
transform: rotateY(180deg)
}
.appMount-3lHmkl .menu-Sp6bN1 .separator-2zcjq8 {
margin: -1px 5px;
border-color: rgba(255, 255, 255, 0.04)
}
.animatorTop-2Y7x2r .menu-Sp6bN1 {
margin-left: -10px
}
.colorDefault-2K3EoJ.focused-3afm-j#status-picker-online {
background: var(--online-color)
}
.colorDefault-2K3EoJ.focused-3afm-j#status-picker-idle {
background: var(--idle-color)
}
.colorDefault-2K3EoJ.focused-3afm-j#status-picker-dnd {
background: var(--dnd-color)
}
.colorDefault-2K3EoJ.focused-3afm-j#status-picker-invisible {
background: var(--offline-color)
}
.colorDefault-2K3EoJ.focused-3afm-j {
transition: all .15s ease-in-out
}
.layer-v9HyYc .container-2x5lvQ {
box-shadow: 0 0 10px rgba(0, 0, 0, 0.5)
}
.layer-v9HyYc .container-2x5lvQ > .header-2C89wJ {
background: var(--main-color);
color: #fff;
border-radius: 3px 3px 0 0
}
.layer-v9HyYc .container-2x5lvQ > section {
background: rgba(0, 0, 0, 0.7);
border-radius: 0 0 3px 3px
}
.layer-v9HyYc .container-2x5lvQ > section > p {
color: rgba(255, 255, 255, 0.5)
}
.layer-v9HyYc .container-2x5lvQ > section > p > strong {
color: var(--main-color)
}
.container-2x5lvQ > section .popoutBottom-31rU82 > a {
color: var(--main-color);
transition: all .1s ease-in-out
}
.container-2x5lvQ > section .popoutBottom-31rU82 > a:hover {
text-shadow: 0 0 1px;
text-decoration: none !important
}
.sparkline-3A-8OK > svg > line {
stroke: rgba(255, 255, 255, 0.5) !important;
stroke-dasharray: 5, 3 !important
}
.sparkline-3A-8OK > svg > g > circle {
fill: var(--main-color) !important;
fill-opacity: 1 !important;
r: 1 !important
}
.sparkline-3A-8OK > svg > g > polyline {
stroke: var(--main-color) !important;
stroke-opacity: .7 !important
}
.layer-v9HyYc .themedPopout-1TrfdI {
background-color: rgba(0, 0, 0, 0.7);
border: none;
border-radius: 5px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.5)
}
.layer-v9HyYc .themedPopout-1TrfdI .header-ykumBX {
background-color: var(--main-color);
border-radius: 3px 3px 0 0
}
.layer-v9HyYc .themedPopout-1TrfdI .header-ykumBX .label-12YslM {
color: rgba(255, 255, 255, 0.5)
}
.layer-v9HyYc .themedPopout-1TrfdI .header-ykumBX .value-2k8Drt {
color: #fff
}
.layer-v9HyYc .themedPopout-1TrfdI .footer-1kmXd4 {
background-color: rgba(0, 0, 0, 0.5)
}
.layer-v9HyYc .messagesPopoutWrap-1MQ1bW {
-webkit-animation: cv-menu-fold-y 0.2s cubic-bezier(0.2, 0.6, 0.5, 1.1);
animation: cv-menu-fold-y 0.2s cubic-bezier(0.2, 0.6, 0.5, 1.1);
transform-origin: 50% 0
}
.layer-v9HyYc .messagesPopout-24nkyi {
background: transparent
}
.layer-v9HyYc .messagesPopout-24nkyi .channelName-3kBz6H {
color: var(--main-color);
text-shadow: 0 0 1px;
transition: all .15s ease-in-out
}
.layer-v9HyYc .messagesPopout-24nkyi .channelName-3kBz6H:hover {
text-shadow: 0 0 3px;
text-decoration: none
}
.layer-v9HyYc .messagesPopout-24nkyi .guildName-1Bc3Ta {
color: rgba(255, 255, 255, 0.3)
}
.layer-v9HyYc .messagesPopout-24nkyi .messageGroupWrapper-o-Zw7G {
margin: 0;
background-color: transparent;
border: none;
border-bottom: solid 1px rgba(255, 255, 255, 0.04);
border-radius: 0;
transition: all .15s ease-in-out
}
.layer-v9HyYc .messagesPopout-24nkyi .messageGroupWrapper-o-Zw7G:last-child {
border-bottom: none
}
.layer-v9HyYc .messagesPopout-24nkyi .messageGroupWrapper-o-Zw7G:hover {
background-color: rgba(255, 255, 255, 0.04)
}
.layer-v9HyYc .messagesPopout-24nkyi .messageGroupWrapper-o-Zw7G + .messageGroupWrapper-o-Zw7G {
margin-top: -1px
}
.layer-v9HyYc .messagesPopout-24nkyi .messageGroupWrapper-o-Zw7G .actionButtons-1sUUug {
background-color: transparent;
box-shadow: none;
opacity: 0;
transition: all .15s ease-in-out
}
.layer-v9HyYc .messagesPopout-24nkyi .messageGroupWrapper-o-Zw7G .actionButtons-1sUUug .jumpButton-3DTcS_ {
background-color: rgba(0, 0, 0, 0.3);
color: rgba(255, 255, 255, 0.5);
border-radius: 3px;
transition: all .3s ease-in-out
}
.layer-v9HyYc .messagesPopout-24nkyi .messageGroupWrapper-o-Zw7G .actionButtons-1sUUug .jumpButton-3DTcS_:hover {
background-color: var(--main-color);
color: #fff;
transition-duration: .15s
}
.layer-v9HyYc .messagesPopout-24nkyi .messageGroupWrapper-o-Zw7G .actionButtons-1sUUug .closeButton-17RIVZ {
opacity: .3;
transition: all .15s ease-in-out
}
.layer-v9HyYc .messagesPopout-24nkyi .messageGroupWrapper-o-Zw7G .actionButtons-1sUUug .closeButton-17RIVZ:hover {
opacity: .7
}
.layer-v9HyYc .messagesPopout-24nkyi .messageGroupWrapper-o-Zw7G:hover .actionButtons-1sUUug {
opacity: 1
}
.statusGreen-pvYWjA {
color: var(--main-color)
}
.tabBar-2UKwcE .tabBarItem-1Cg-MI {
position: relative;
margin: 0;
padding: 5px 10px 15px;
border: none !important;
color: rgba(255, 255, 255, 0.5) !important;
transition: all .15s ease-in-out
}
.tabBar-2UKwcE .tabBarItem-1Cg-MI + .tabBarItem-1Cg-MI {
margin-left: 3px
}
.tabBar-2UKwcE .tabBarItem-1Cg-MI:before {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: linear-gradient(to top, transparent, rgba(0, 0, 0, 0.2) 50%);
border-radius: 3px 3px 0 0;
opacity: 0;
transition: all .15s ease-in-out, bottom .2s ease-in-out;
z-index: -1
}
.tabBar-2UKwcE .tabBarItem-1Cg-MI:after {
content: "";
position: absolute;
top: 100%;
right: 0;
bottom: 0;
left: 0;
background-color: #fff;
border-radius: 3px 3px 0 0;
transition: top .2s ease-in-out;
z-index: -1
}
.tabBar-2UKwcE .tabBarItem-1Cg-MI:hover:before, .tabBar-2UKwcE .tabBarItem-1Cg-MI[style*="color: rgb(255, 255, 255)"]:before {
opacity: 1
}
.tabBar-2UKwcE .tabBarItem-1Cg-MI:hover {
color: rgba(255, 255, 255, 0.7) !important
}
.tabBar-2UKwcE .tabBarItem-1Cg-MI[style*="color: rgb(255, 255, 255)"] {
color: #000 !important;
mix-blend-mode: screen;
transform: translateZ(0)
}
.tabBar-2UKwcE .tabBarItem-1Cg-MI[style*="color: rgb(255, 255, 255)"]:before {
bottom: 100%;
animation: cv-slide-bottom .2s ease-in-out reverse
}
.tabBar-2UKwcE .tabBarItem-1Cg-MI[style*="color: rgb(255, 255, 255)"]:after {
top: 0;
-webkit-animation: cv-slide-top .2s ease-in-out;
animation: cv-slide-top .2s ease-in-out
}
.recentMentionsFilterPopout-24_uDU {
-webkit-animation: cv-menu-fold-y 0.3s cubic-bezier(0.2, 0.6, 0.5, 1.1);
animation: cv-menu-fold-y 0.3s cubic-bezier(0.2, 0.6, 0.5, 1.1);
transform-origin: 50% 0
}
.hasMore-sul95G > .hasMoreButton-1MELpI {
background-color: rgba(255, 255, 255, 0.07);
border: none;
border-radius: 3px;
color: rgba(255, 255, 255, 0.7);
transition: all .15s ease-in-out
}
.hasMore-sul95G > .hasMoreButton-1MELpI:hover {
background-color: var(--main-color);
color: #fff
}
.hasMore-sul95G > .hasMoreButton-1MELpI:active {
transform: scale(0.99)
}
.layer-v9HyYc .container-VSDcQc .autocompleteShadow-iiGWFU {
box-shadow: 0 0 1px rgba(0, 0, 0, 0.82), 0 1px 4px rgba(0, 0, 0, 0.1)
}
.layer-v9HyYc .container-VSDcQc .autocompleteArrow-Zxoy9H {
background: rgba(0, 0, 0, 0.7)
}
.layer-v9HyYc .container-VSDcQc.positionBottom-3oo9L9 .autocompleteArrow-Zxoy9H {
background: var(--main-color)
}
.layer-v9HyYc .container-VSDcQc .autocompleteHeaderBackground-30T70q {
background: var(--main-color);
border-radius: 5px 5px 0 0
}
.layer-v9HyYc .container-VSDcQc .headerText-3i6A8K, .layer-v9HyYc .container-VSDcQc .input-1ppKdn {
color: #fff
}
.layer-v9HyYc .container-VSDcQc .input-1ppKdn::-moz-placeholder {
color: rgba(255, 255, 255, 0.5)
}
.layer-v9HyYc .container-VSDcQc .input-1ppKdn:-ms-input-placeholder {
color: rgba(255, 255, 255, 0.5)
}
.layer-v9HyYc .container-VSDcQc .input-1ppKdn::-ms-input-placeholder {
color: rgba(255, 255, 255, 0.5)
}
.layer-v9HyYc .container-VSDcQc .input-1ppKdn::placeholder {
color: rgba(255, 255, 255, 0.5)
}
.layer-v9HyYc .container-VSDcQc .sectionTag-pXyto9 {
background: rgba(0, 0, 0, 0.7)
}
.layer-v9HyYc .container-VSDcQc .autocompleteScroller-iInVqR {
overflow-y: auto
}
.layer-v9HyYc .container-VSDcQc .row-rrHHJU {
position: relative;
border-radius: 5px;
font-weight: 500;
z-index: 1
}
.layer-v9HyYc .container-VSDcQc .row-rrHHJU span {
color: rgba(255, 255, 255, 0.7)
}
.layer-v9HyYc .container-VSDcQc .row-rrHHJU span:after {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: transparent;
z-index: -1;
transition: all .15s ease-in-out
}
.layer-v9HyYc .container-VSDcQc .row-rrHHJU span[style*="color:"]:after {
opacity: .3
}
.layer-v9HyYc .container-VSDcQc .row-rrHHJU > span:after {
display: none
}
.layer-v9HyYc .container-VSDcQc .row-rrHHJU.selected-1pIgLL {
background: transparent
}
.layer-v9HyYc .container-VSDcQc .row-rrHHJU.selected-1pIgLL span {
color: #fff
}
.layer-v9HyYc .container-VSDcQc .row-rrHHJU.selected-1pIgLL span:after {
background: rgba(255, 255, 255, 0.1)
}
.layer-v9HyYc .container-VSDcQc .row-rrHHJU.selected-1pIgLL span[style*="color:"]:after {
background: currentColor
}
.platform-win + div .popout-2iWAc-.popoutBottom-2GAFPg.noArrow-2foL9g.noShadow-3pu20z[style*="top: 60px"], .platform-osx .popout-2iWAc-.popoutBottom-2GAFPg.noArrow-2foL9g.noShadow-3pu20z[style*="top: 38px"], .platform-linux + div .popout-2iWAc-.popoutBottom-2GAFPg.noArrow-2foL9g.noShadow-3pu20z[style*="top: 38px"], .platform-web + div .popout-2iWAc-.popoutBottom-2GAFPg.noArrow-2foL9g.noShadow-3pu20z[style*="top: 38px"] {
left: auto !important;
right: 40px;
transform: none !important
}
.popout-2iWAc- > .container-3ayLPN {
background-color: rgba(0, 0, 0, 0.7);
box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
-webkit-animation: cv-menu-fold-y 0.2s cubic-bezier(0.2, 0.6, 0.5, 1.1) 0.1s backwards;
animation: cv-menu-fold-y 0.2s cubic-bezier(0.2, 0.6, 0.5, 1.1) 0.1s backwards;
transform-origin: 50% 0
}
.container-3ayLPN > .resultsGroup-r_nuzN:after {
border-top: 1px solid transparent
}
.container-3ayLPN > .resultsGroup-r_nuzN + .resultsGroup-r_nuzN:after {
border-top-color: rgba(255, 255, 255, 0.04)
}
.container-3ayLPN > .resultsGroup-r_nuzN > .header-2N-gMV {
color: var(--main-color);
font-weight: 700
}
.container-3ayLPN > .resultsGroup-r_nuzN > .searchLearnMore-3SQUAj, .container-3ayLPN > .resultsGroup-r_nuzN > .searchClearHistory-2cSSMO {
opacity: .5;
transition: all .15s ease-in-out
}
.container-3ayLPN > .resultsGroup-r_nuzN > .searchLearnMore-3SQUAj:hover, .container-3ayLPN > .resultsGroup-r_nuzN > .searchClearHistory-2cSSMO:hover {
opacity: 1
}
.container-3ayLPN > .resultsGroup-r_nuzN > .searchLearnMore-3SQUAj > a, .container-3ayLPN > .resultsGroup-r_nuzN > .searchClearHistory-2cSSMO > a {
color: #fff
}
.container-3ayLPN .option-96V44q {
background-color: transparent;
transition: all .15s ease-in-out
}
.container-3ayLPN .option-96V44q:after {
display: none
}
.container-3ayLPN .option-96V44q .plusIcon-v0BTrL {
display: block;
color: #fff;
opacity: 0;
transition: all .15s ease-in-out
}
.container-3ayLPN .option-96V44q .plusIcon-v0BTrL:hover {
opacity: .7
}
.container-3ayLPN .option-96V44q .filter-3Y_im- {
color: rgba(255, 255, 255, 0.3);
transition: all .15s ease-in-out
}
.container-3ayLPN .option-96V44q .answer-1n6g43 {
color: rgba(255, 255, 255, 0.5);
font-weight: 500;
transition: all .15s ease-in-out
}
.container-3ayLPN .option-96V44q .nonText-3CRkO0 {
color: rgba(255, 255, 255, 0.5);
transition: all .15s ease-in-out
}
.container-3ayLPN .option-96V44q > strong {
color: rgba(255, 255, 255, 0.7);
transition: all .15s ease-in-out
}
.container-3ayLPN .option-96V44q.selected-rZcOL- {
background-color: rgba(255, 255, 255, 0.1)
}
.container-3ayLPN .option-96V44q.selected-rZcOL- .plusIcon-v0BTrL {
opacity: .3
}
.container-3ayLPN .option-96V44q.selected-rZcOL- .plusIcon-v0BTrL:hover {
opacity: .7
}
.container-3ayLPN .option-96V44q.selected-rZcOL- .filter-3Y_im- {
color: rgba(255, 255, 255, 0.5)
}
.container-3ayLPN .option-96V44q.selected-rZcOL- .answer-1n6g43, .container-3ayLPN .option-96V44q.selected-rZcOL- .nonText-3CRkO0 {
color: rgba(255, 255, 255, 0.7)
}
.container-3ayLPN .option-96V44q.selected-rZcOL- > strong {
color: #fff
}
.container-3ayLPN .option-96V44q.user-O3Czj0 .displayedNick-3xxvzU {
color: rgba(255, 255, 255, 0.5);
transition: all .15s ease-in-out
}
.container-3ayLPN .option-96V44q.user-O3Czj0 .displayUsername-Qekxml {
color: rgba(255, 255, 255, 0.3);
transition: all .15s ease-in-out
}
.container-3ayLPN .option-96V44q.selected-rZcOL-.user-O3Czj0 .displayedNick-3xxvzU {
color: rgba(255, 255, 255, 0.7)
}
.container-3ayLPN .option-96V44q.selected-rZcOL-.user-O3Czj0 .displayUsername-Qekxml {
color: rgba(255, 255, 255, 0.5)
}
.container-3ayLPN .option-96V44q > .resultChannel-3BYgHX > strong {
color: rgba(255, 255, 255, 0.7);
transition: all .15s ease-in-out
}
.container-3ayLPN .option-96V44q > .resultChannel-3BYgHX > .searchResultChannelIcon-1DnTme, .container-3ayLPN .option-96V44q > .resultChannel-3BYgHX > .searchResultChannelCategory-1l0lSn {
color: rgba(255, 255, 255, 0.3);
transition: all .15s ease-in-out
}
.container-3ayLPN .option-96V44q.selected-rZcOL- > .resultChannel-3BYgHX > strong {
color: #fff
}
.container-3ayLPN .option-96V44q.selected-rZcOL- > .resultChannel-3BYgHX > .searchResultChannelIcon-1DnTme, .container-3ayLPN .option-96V44q.selected-rZcOL- > .resultChannel-3BYgHX > .searchResultChannelCategory-1l0lSn {
color: rgba(255, 255, 255, 0.5)
}
.container-3ayLPN .selected-rZcOL-.searchOption-zQ-1l6 .filter-3Y_im- {
color: rgba(255, 255, 255, 0.7)
}
.container-3ayLPN .selected-rZcOL-.searchOption-zQ-1l6 .answer-1n6g43 {
color: rgba(255, 255, 255, 0.5)
}
.container-3ayLPN .searchOption-zQ-1l6 .filter-3Y_im- {
color: rgba(255, 255, 255, 0.5);
font-weight: 500
}
.container-3ayLPN .searchOption-zQ-1l6 .answer-1n6g43 {
color: rgba(255, 255, 255, 0.3)
}
.container-3ayLPN .queryContainer-RKFJW- {
background-color: var(--main-color)
}
.container-3ayLPN .queryContainer-RKFJW- > .queryText-3xoOY7 {
color: rgba(255, 255, 255, 0.7)
}
.container-3ayLPN .queryContainer-RKFJW- > .queryText-3xoOY7 > strong {
color: #fff
}
.container-3ayLPN .queryContainer-RKFJW- .keybindShortcutSearchPopout-1MAfqq > span {
border-color: rgba(255, 255, 255, 0.5);
box-shadow: inset 0 -4px rgba(255, 255, 255, 0.7)
}
.container-3ayLPN .queryContainer-RKFJW- .keybindShortcutSearchPopout-1MAfqq > span:hover {
background-color: transparent
}
.container-3ayLPN .queryContainer-RKFJW- .keybindShortcutSearchPopout-1MAfqq > span:active {
border-color: rgba(255, 255, 255, 0.5);
box-shadow: inset 0 -2px rgba(255, 255, 255, 0.7);
color: #fff
}
.container-3ayLPN .result-2S5Awv:after {
background: rgba(255, 255, 255, 0.07)
}
.container-3ayLPN .result-2S5Awv.focused-1Yu0L3 {
background: rgba(255, 255, 255, 0.1)
}
.container-3ayLPN .resultName-raPnaf {
color: #fff
}
.container-3ayLPN .directorySearchPrice-2Spatv {
color: rgba(255, 255, 255, 0.5)
}
.container-3ayLPN .datePicker--XZbmJ .datePickerHint-3Q1Udw {
border-top: 1px solid rgba(255, 255, 255, 0.04)
}
.container-3ayLPN .datePicker--XZbmJ .datePickerHint-3Q1Udw .hint-165cR4 {
color: rgba(255, 255, 255, 0.7)
}
.container-3ayLPN .datePicker--XZbmJ .datePickerHint-3Q1Udw .hintValue-29ny8Z {
background-color: var(--main-color);
color: #fff;
transition: all .15s ease-in-out
}
.container-3ayLPN .datePicker--XZbmJ .datePickerHint-3Q1Udw .hintValue-29ny8Z:hover {
background-color: var(--hover-color)
}
.datePicker--XZbmJ > .calendarPicker-2yf6Ci > .react-datepicker, .datePicker--XZbmJ > .calendarPicker-2yf6Ci .react-datepicker__header {
background-color: transparent
}
.datePicker--XZbmJ > .calendarPicker-2yf6Ci > .react-datepicker .react-datepicker__navigation {
background-color: rgba(255, 255, 255, 0.1);
border: 1px solid transparent;
opacity: .7;
transition: all .15s ease-in-out
}
.datePicker--XZbmJ > .calendarPicker-2yf6Ci > .react-datepicker .react-datepicker__navigation:hover {
background-color: var(--main-color);
opacity: 1
}
.datePicker--XZbmJ > .calendarPicker-2yf6Ci .react-datepicker__current-month {
border-bottom: 1px solid rgba(255, 255, 255, 0.04);
color: var(--main-color);
font-weight: 600
}
.datePicker--XZbmJ > .calendarPicker-2yf6Ci .react-datepicker__day-name {
color: rgba(255, 255, 255, 0.7)
}
.datePicker--XZbmJ > .calendarPicker-2yf6Ci .react-datepicker__week > .react-datepicker__day {
background-color: rgba(255, 255, 255, 0.1);
border-left: 1px solid rgba(255, 255, 255, 0.04);
border-top: 1px solid rgba(255, 255, 255, 0.04);
color: rgba(255, 255, 255, 0.7);
transition: all .15s ease-in-out
}
.datePicker--XZbmJ > .calendarPicker-2yf6Ci .react-datepicker__week > .react-datepicker__day:last-of-type {
border-right: 1px solid rgba(255, 255, 255, 0.04)
}
.datePicker--XZbmJ > .calendarPicker-2yf6Ci .react-datepicker__week > .react-datepicker__day:hover {
background-color: var(--main-color);
color: #fff
}
.datePicker--XZbmJ > .calendarPicker-2yf6Ci .react-datepicker__week > .react-datepicker__day--selected {
box-shadow: inset 0 -3px var(--main-color)
}
.datePicker--XZbmJ > .calendarPicker-2yf6Ci .react-datepicker__week > .react-datepicker__day--selected:after {
display: none
}
.datePicker--XZbmJ > .calendarPicker-2yf6Ci .react-datepicker__week > .react-datepicker__day--today {
color: var(--main-color);
font-weight: 700
}
.datePicker--XZbmJ > .calendarPicker-2yf6Ci .react-datepicker__week > .react-datepicker__day--disabled, .datePicker--XZbmJ > .calendarPicker-2yf6Ci .react-datepicker__week > .react-datepicker__day--disabled:hover, .datePicker--XZbmJ > .calendarPicker-2yf6Ci .react-datepicker__week > .react-datepicker__day--outside-month, .datePicker--XZbmJ > .calendarPicker-2yf6Ci .react-datepicker__week > .react-datepicker__day--outside-month:hover {
background-color: transparent;
color: rgba(255, 255, 255, 0.1)
}
.emojiPicker-3m1S-j {
background-color: rgba(0, 0, 0, 0.7);
border: none;
border-radius: 5px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.5)
}
.emojiPicker-3m1S-j .searchBar-2pWH0_ {
background-color: transparent
}
.emojiPicker-3m1S-j .searchBar-2pWH0_ .inner-3ErfOT {
position: relative;
background-color: rgba(255, 255, 255, 0.07)
}
.emojiPicker-3m1S-j .searchBar-2pWH0_ .input-1Rv96N {
color: #fff
}
.emojiPicker-3m1S-j .searchBar-2pWH0_ .input-1Rv96N::-moz-placeholder {
color: rgba(255, 255, 255, 0.3)
}
.emojiPicker-3m1S-j .searchBar-2pWH0_ .input-1Rv96N:-ms-input-placeholder {
color: rgba(255, 255, 255, 0.3)
}
.emojiPicker-3m1S-j .searchBar-2pWH0_ .input-1Rv96N::-ms-input-placeholder {
color: rgba(255, 255, 255, 0.3)
}
.emojiPicker-3m1S-j .searchBar-2pWH0_ .input-1Rv96N::placeholder {
color: rgba(255, 255, 255, 0.3)
}
.emojiPicker-3m1S-j .diversitySelector-tmmMv0 {
margin: -2px 10px -2px -2px;
padding: 2px
}
.emojiPicker-3m1S-j .diversitySelector-tmmMv0 > .item-16cXuq {
border-radius: 3px
}
.emojiPicker-3m1S-j .diversitySelector-tmmMv0 .item-16cXuq {
transition: all .15s ease-in-out
}
.emojiPicker-3m1S-j .diversitySelector-tmmMv0 .item-16cXuq:hover {
background-color: rgba(255, 255, 255, 0.07)
}
.emojiPicker-3m1S-j .popout-2nUePc {
margin: 0;
background-color: rgba(255, 255, 255, 0.07);
border: none
}
.emojiPicker-3m1S-j .stickyHeader-1SS0JU {
background-color: transparent
}
.emojiPicker-3m1S-j .stickyHeader-1SS0JU > .category-2U57w6 {
background-color: var(--main-color);
border-radius: 0 0 5px 5px;
color: #fff
}
.emojiPicker-3m1S-j .stickyHeader-1SS0JU > .category-2U57w6 + .category-2U57w6 {
display: none
}
.emojiPicker-3m1S-j .category-2U57w6 {
background-color: rgba(255, 255, 255, 0.07);
border-radius: 5px;
color: rgba(255, 255, 255, 0.7);
text-align: center
}
.emojiPicker-3m1S-j .scroller-3vODG7 .emojiItem-109bjA {
border-radius: 3px;
transition: all .15s ease-in-out, -webkit-filter 0s;
transition: all .15s ease-in-out, filter 0s;
transition: all .15s ease-in-out, filter 0s, -webkit-filter 0s
}
.emojiPicker-3m1S-j .scroller-3vODG7 .emojiItem-109bjA.selected-39BZ4S {
background-color: rgba(255, 255, 255, 0.07)
}
.emojiPicker-3m1S-j .scroller-3vODG7 .emojiItem-109bjA.disabled-1H1CfW {
-webkit-filter: grayscale(1) blur(1px);
filter: grayscale(1) blur(1px)
}
.emojiPicker-3m1S-j .scroller-3vODG7 .emojiItem-109bjA.selected-39BZ4S.disabled-1H1CfW {
-webkit-filter: grayscale(1);
filter: grayscale(1)
}
.emojiPicker-3m1S-j .categories-1feg4n .item-16cXuq {
border-bottom: 2px solid transparent;
transition: all .15s ease-in-out
}
.emojiPicker-3m1S-j .categories-1feg4n .item-16cXuq:hover {
background-color: var(--main-color);
opacity: 1
}
.emojiPicker-3m1S-j .categories-1feg4n .item-16cXuq.selected-39BZ4S {
border-bottom-color: var(--main-color)
}
.emojiPicker-3m1S-j .categories-1feg4n .item-16cXuq.people-2y6eof {
background-image: url(https://clearvision.gitlab.io/icons/discord/emojiSmileys.svg)
}
.emojiPicker-3m1S-j .categories-1feg4n .item-16cXuq.nature-WkggKK {
background-image: url(https://clearvision.gitlab.io/icons/discord/emojiNature.svg)
}
.emojiPicker-3m1S-j .categories-1feg4n .item-16cXuq.food-3vb4RY {
background-image: url(https://clearvision.gitlab.io/icons/discord/emojiFood.svg)
}
.emojiPicker-3m1S-j .categories-1feg4n .item-16cXuq.activity-2oLAbd {
background-image: url(https://clearvision.gitlab.io/icons/discord/emojiActivity.svg)
}
.emojiPicker-3m1S-j .categories-1feg4n .item-16cXuq.travel-2FeozN {
background-image: url(https://clearvision.gitlab.io/icons/discord/emojiTravel.svg)
}
.emojiPicker-3m1S-j .categories-1feg4n .item-16cXuq.objects-ktZjG4 {
background-image: url(https://clearvision.gitlab.io/icons/discord/emojiObject.svg)
}
.emojiPicker-3m1S-j .categories-1feg4n .item-16cXuq.symbols-3xtDtJ {
background-image: url(https://clearvision.gitlab.io/icons/discord/emojiSymbol.svg)
}
.emojiPicker-3m1S-j .categories-1feg4n .item-16cXuq.flags-3peqg9 {
background-image: url(https://clearvision.gitlab.io/icons/discord/emojiFlags.svg)
}
.emojiPicker-3m1S-j .categories-1feg4n .item-16cXuq.custom-2TY7UZ {
background-image: url(https://clearvision.gitlab.io/icons/discord/emojiCustom.svg)
}
.emojiPicker-3m1S-j .premiumPromo-yVfLiA {
background-color: rgba(0, 0, 0, 0.85)
}
.emojiPicker-3m1S-j .premiumPromo-yVfLiA .premiumPromoClose-2sqoIR {
background: url(https://clearvision.gitlab.io/icons/close.svg) center/18px no-repeat;
opacity: .3;
transition: all .15s ease-in-out
}
.emojiPicker-3m1S-j .premiumPromo-yVfLiA .premiumPromoClose-2sqoIR:hover {
opacity: .7
}
.emojiPicker-3m1S-j .premiumPromo-yVfLiA .premiumPromoImage-tGTlKV {
opacity: .7
}
.emojiPicker-3m1S-j .premiumPromo-yVfLiA .premiumPromoTitle-1SQQfF {
color: rgba(255, 255, 255, 0.7)
}
.emojiPicker-3m1S-j .premiumPromo-yVfLiA .premiumPromoDescription-2Mn515 {
color: rgba(255, 255, 255, 0.5)
}
.popout-103y-5 .title-3sZWYQ {
color: #fff;
text-shadow: 0 0 1px #000
}
.popout-103y-5 .subtitle-2P4u9v {
color: rgba(255, 255, 255, 0.7)
}
.popout-103y-5 .container-2XeR5Z {
background: rgba(255, 255, 255, 0.1)
}
.popout-103y-5 .tag-2gHSR7 {
background: var(--main-color);
color: #fff
}
.popout-103y-5 .friend-2E0q2S {
transition: all .15s ease-in-out
}
.popout-103y-5 .friend-2E0q2S.friendSelected-3J_Uh8 {
background: rgba(255, 255, 255, 0.1)
}
.popout-103y-5 .friend-2E0q2S.friendSelected-3J_Uh8 .nickname-2CALbl {
color: #fff
}
.popout-103y-5 .friend-2E0q2S.friendSelected-3J_Uh8 .discordTag-3gO1VA {
color: rgba(255, 255, 255, 0.5)
}
.popout-103y-5 .friend-2E0q2S.friendSelected-3J_Uh8 .checkbox-1ix_J3 {
background: rgba(255, 255, 255, 0.1)
}
.popout-103y-5 .nickname-2CALbl {
color: rgba(255, 255, 255, 0.7);
transition: all .15s ease-in-out
}
.popout-103y-5 .discordTag-3gO1VA {
color: rgba(255, 255, 255, 0.3);
opacity: 1;
transition: all .15s ease-in-out
}
.popout-103y-5 .checkboxWrapper-SkhIWG {
height: 18px !important
}
.popout-103y-5 .input-3ITkQf {
width: 35px;
height: 18px !important;
border-radius: 10px
}
.popout-103y-5 .input-3ITkQf:checked + .checkbox-1ix_J3:before {
right: 0;
background: var(--main-color)
}
.popout-103y-5 .input-3ITkQf:checked + .checkbox-1ix_J3:after {
left: 100%;
width: 18px;
height: 18px;
margin-left: -18px;
border: none;
transform: none
}
.popout-103y-5 .checkbox-1ix_J3 {
width: 35px !important;
height: 18px !important;
background: rgba(255, 255, 255, 0.04);
border: none;
border-radius: 10px;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
transition: all .15s ease-in-out
}
.popout-103y-5 .checkbox-1ix_J3:before {
content: "";
position: absolute;
top: 0;
right: 100%;
bottom: 0;
left: 0;
border-radius: 10px;
transition: all .2s ease-in-out
}
.popout-103y-5 .checkbox-1ix_J3:after {
content: "";
position: absolute;
left: 0;
width: 18px;
height: 18px;
background: #fff;
border-radius: 50%;
box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.3);
transition: all .2s ease-in-out
}
.popout-103y-5 .checkbox-1ix_J3 > svg {
display: none
}
.popout-103y-5 .footerSeparator-M9dQY1 {
box-shadow: 0 -1px 0 rgba(255, 255, 255, 0.04)
}
.container-3JTnYm {
background-color: rgba(0, 0, 0, 0.8)
}
.button-3htIlL:hover {
background-color: var(--hover-color);
border-color: var(--main-color) !important
}
.iconButton-285DXF:hover {
background-color: var(--hover-color);
border-color: var(--main-color) !important
}
.appMount-3lHmkl .modal-yWgWj- {
background: rgba(0, 0, 0, 0.5);
box-shadow: none
}
.modal-yWgWj- .footer-3rDWdC {
background: transparent;
box-shadow: none
}
.root-SR8cQa {
max-height: 100vh;
background: transparent;
box-shadow: 0 0 30px 5px rgba(0, 0, 0, 0.3)
}
.root-SR8cQa:before {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
margin: calc(-2 * var(--user-modal-blur));
background: var(--user-modal-image) var(--user-modal-position)/var(--user-modal-size) var(--user-modal-repeat) var(--user-modal-attachment);
-webkit-filter: grayscale(var(--user-modal-grayscale)) sepia(var(--user-modal-sepia)) invert(var(--user-modal-invert)) brightness(var(--user-modal-brightness)) contrast(var(--user-modal-contrast)) saturate(var(--user-modal-saturation)) blur(var(--user-modal-blur));
filter: grayscale(var(--user-modal-grayscale)) sepia(var(--user-modal-sepia)) invert(var(--user-modal-invert)) brightness(var(--user-modal-brightness)) contrast(var(--user-modal-contrast)) saturate(var(--user-modal-saturation)) blur(var(--user-modal-blur));
z-index: -1
}
.root-SR8cQa > .topSectionNormal-2-vo2m, .root-SR8cQa > .topSectionPlaying-1J5E4n, .root-SR8cQa > .topSectionStreaming-1Tpf5X, .root-SR8cQa > .topSectionSpotify-1lI0-P, .root-SR8cQa > .topSectionXbox-3fWLjS {
background: linear-gradient(to bottom, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.6)) center/cover
}
.root-SR8cQa > .topSectionStreaming-1Tpf5X {
background: linear-gradient(to bottom, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.6)) center/cover, linear-gradient(to bottom, rgba(89, 54, 149, 0.4) calc(95% - 55px), transparent calc(110% - 55px))
}
.root-SR8cQa > .topSectionSpotify-1lI0-P {
background: linear-gradient(to bottom, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.6)) center/cover, linear-gradient(to bottom, rgba(29, 185, 84, 0.4) calc(95% - 55px), transparent calc(110% - 55px))
}
.root-SR8cQa > .topSectionXbox-3fWLjS {
background: linear-gradient(to bottom, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.6)) center/cover, linear-gradient(to bottom, rgba(16, 124, 16, 0.4) calc(95% - 55px), transparent calc(110% - 55px))
}
.additionalActionsIcon-1FoUlE {
width: 24px;
height: 24px;
background: url(https://clearvision.gitlab.io/icons/expand_more.svg) center/36px no-repeat;
opacity: .3;
transition: all .15s ease-in-out
}
.additionalActionsIcon-1FoUlE:hover {
opacity: .7
}
.additionalActionsIcon-1FoUlE > g {
display: none
}
.headerFill-adLl4x {
background: rgba(0, 0, 0, 0.04)
}
.headerFill-adLl4x > .activityProfile-2bJRaP .headerText-1HLrL7 {
color: rgba(255, 255, 255, 0.7)
}
.nameTag-2IFDfL {
display: flex;
flex-direction: row;
align-items: flex-end
}
.profileBadge-2BqF-Z {
opacity: .7;
transition: all .15s ease-in-out;
-webkit-filter: drop-shadow(0 0 3px rgba(0, 0, 0, 0.7));
filter: drop-shadow(0 0 3px rgba(0, 0, 0, 0.7))
}
.profileBadge-2BqF-Z:hover {
opacity: 1
}
*.profileBadgeStaff-13GO7z, .topSectionNormal-2-vo2m *.profileBadgeStaff-13GO7z {
background-image: url(https://clearvision.gitlab.io/icons/discord/badgeStaff.svg)
}
*.profileBadgePartner-SjK6L2, .topSectionNormal-2-vo2m *.profileBadgePartner-SjK6L2 {
background-image: url(https://clearvision.gitlab.io/icons/discord/badgePartner.svg)
}
*.profileBadgeHypesquad-1YIe7Z, .topSectionNormal-2-vo2m *.profileBadgeHypesquad-1YIe7Z {
background-image: url(https://clearvision.gitlab.io/icons/discord/badgeHypeSquad.svg)
}
*.profileBadgeHypeSquadOnlineHouse1-xN6tES, .topSectionNormal-2-vo2m *.profileBadgeHypeSquadOnlineHouse1-xN6tES {
background-image: url(https://clearvision.gitlab.io/icons/discord/badgeHypeSquadBravery.svg)
}
*.profileBadgeHypeSquadOnlineHouse2-3jBpXR, .topSectionNormal-2-vo2m *.profileBadgeHypeSquadOnlineHouse2-3jBpXR {
background-image: url(https://clearvision.gitlab.io/icons/discord/badgeHypeSquadBrilliance.svg)
}
*.profileBadgeHypeSquadOnlineHouse3-1YbjMX, .topSectionNormal-2-vo2m *.profileBadgeHypeSquadOnlineHouse3-1YbjMX {
background-image: url(https://clearvision.gitlab.io/icons/discord/badgeHypeSquadBalance.svg)
}
*.profileBadgeHypeSquadOnlineHouse1Winner-3OGyO6, .topSectionNormal-2-vo2m *.profileBadgeHypeSquadOnlineHouse1Winner-3OGyO6 {
background-image: url(https://clearvision.gitlab.io/icons/discord/badgeHypeSquadBraveryWinner.svg)
}
*.profileBadgeHypeSquadOnlineHouse2Winner-3GW5Sm, .topSectionNormal-2-vo2m *.profileBadgeHypeSquadOnlineHouse2Winner-3GW5Sm {
background-image: url(https://clearvision.gitlab.io/icons/discord/badgeHypeSquadBrillianceWinner.svg)
}
*.profileBadgeHypeSquadOnlineHouse3Winner-2iVu11, .topSectionNormal-2-vo2m *.profileBadgeHypeSquadOnlineHouse3Winner-2iVu11 {
background-image: url(https://clearvision.gitlab.io/icons/discord/badgeHypeSquadBalanceWinner.svg)
}
*.profileBadgeEarlySupporter-PQB_0a, .topSectionNormal-2-vo2m *.profileBadgeEarlySupporter-PQB_0a {
background-image: url(https://clearvision.gitlab.io/icons/discord/badgeEarlySupporter.svg)
}
*.profileBadgePremium-3kZ9Qj, .topSectionNormal-2-vo2m *.profileBadgePremium-3kZ9Qj {
background-image: url(https://clearvision.gitlab.io/icons/discord/badgeNitro.svg)
}
*.profileBadgeBugHunter-IV0vLE, .topSectionNormal-2-vo2m *.profileBadgeBugHunter-IV0vLE {
background-image: url(https://clearvision.gitlab.io/icons/discord/badgeBugHunter.svg)
}
*.profileGuildSubscriberlvl1-pKd1EZ, .topSectionNormal-2-vo2m *.profileGuildSubscriberlvl1-pKd1EZ {
background-image: url(https://clearvision.gitlab.io/icons/discord/badgeGuildSubscriber1.svg)
}
*.profileGuildSubscriberlvl2-1aIFve, .topSectionNormal-2-vo2m *.profileGuildSubscriberlvl2-1aIFve {
background-image: url(https://clearvision.gitlab.io/icons/discord/badgeGuildSubscriber2.svg)
}
*.profileGuildSubscriberlvl3-33AROf, .topSectionNormal-2-vo2m *.profileGuildSubscriberlvl3-33AROf {
background-image: url(https://clearvision.gitlab.io/icons/discord/badgeGuildSubscriber3.svg)
}
*.profileGuildSubscriberlvl4-2yY8EG, .topSectionNormal-2-vo2m *.profileGuildSubscriberlvl4-2yY8EG {
background-image: url(https://clearvision.gitlab.io/icons/discord/badgeGuildSubscriber4.svg)
}
.topSectionPlaying-1J5E4n .profileBadgePartner-SjK6L2 {
background-image: url(https://clearvision.gitlab.io/icons/discord/badgePartner.svg)
}
.root-SR8cQa .tabBarContainer-1s1u-z {
padding: 0 20px;
border-color: rgba(255, 255, 255, 0.04)
}
.tabBar-2MuP6- > .item-PXvHYJ {
position: relative;
margin: 10px 0 0;
padding: 0 10px;
border: none !important;
color: rgba(255, 255, 255, 0.5) !important;
transition: color .15s ease-in-out;
z-index: 1
}
.tabBar-2MuP6- > .item-PXvHYJ + .item-PXvHYJ {
margin-left: 20px
}
.tabBar-2MuP6- > .item-PXvHYJ:before {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: linear-gradient(to top, transparent, rgba(255, 255, 255, 0.07) 50%);
border-radius: 3px 3px 0 0;
opacity: 0;
transition: all .15s ease-in-out, bottom .2s ease-in-out;
z-index: -1
}
.tabBar-2MuP6- > .item-PXvHYJ:after {
content: "";
position: absolute;
top: 100%;
right: 0;
bottom: 0;
left: 0;
background: rgba(0, 0, 0, 0.25);
border-radius: 3px 3px 0 0;
transition: all .2s ease-in-out;
z-index: -1
}
.tabBar-2MuP6- > .item-PXvHYJ:hover:before, .tabBar-2MuP6- > .item-PXvHYJ[style*="color: rgb(255, 255, 255)"]:before {
opacity: 1
}
.tabBar-2MuP6- > .item-PXvHYJ:hover {
color: rgba(255, 255, 255, 0.7) !important
}
.tabBar-2MuP6- > .item-PXvHYJ.selected-3s45Ha, .tabBar-2MuP6- > .item-PXvHYJ[style*="color: rgb(255, 255, 255)"] {
color: #fff !important
}
.tabBar-2MuP6- > .item-PXvHYJ.selected-3s45Ha:after, .tabBar-2MuP6- > .item-PXvHYJ[style*="color: rgb(255, 255, 255)"]:after {
top: 0;
-webkit-animation: cv-slide-top .2s ease-in-out;
animation: cv-slide-top .2s ease-in-out
}
.tabBar-2MuP6- > .item-PXvHYJ.selected-3s45Ha:before, .tabBar-2MuP6- > .item-PXvHYJ[style*="color: rgb(255, 255, 255)"]:before {
bottom: 100%;
animation: cv-slide-bottom .2s ease-in-out reverse
}
.headerFill-adLl4x .item-PXvHYJ:after {
background: rgba(0, 0, 0, 0.225)
}
.root-SR8cQa > .body-3ND3kc {
height: 306px;
background: rgba(0, 0, 0, 0.7)
}
.body-3ND3kc .userInfoSection-2acyCx + .userInfoSection-2acyCx {
border-color: rgba(255, 255, 255, 0.04)
}
.body-3ND3kc .userInfoSection-2acyCx > .userInfoSectionHeader-CBvMDh {
color: rgba(255, 255, 255, 0.7)
}
.body-3ND3kc .userInfoSection-2acyCx > .note-QfFU8y > textarea {
background: transparent;
color: rgba(255, 255, 255, 0.8)
}
.body-3ND3kc .userInfoSection-2acyCx > .note-QfFU8y > textarea:focus {
background: transparent
}
.body-3ND3kc .userInfoSection-2acyCx > .note-QfFU8y > textarea::-moz-placeholder {
color: rgba(255, 255, 255, 0.5)
}
.body-3ND3kc .userInfoSection-2acyCx > .note-QfFU8y > textarea:-ms-input-placeholder {
color: rgba(255, 255, 255, 0.5)
}
.body-3ND3kc .userInfoSection-2acyCx > .note-QfFU8y > textarea::-ms-input-placeholder {
color: rgba(255, 255, 255, 0.5)
}
.body-3ND3kc .userInfoSection-2acyCx > .note-QfFU8y > textarea::placeholder {
color: rgba(255, 255, 255, 0.5)
}
.connectedAccounts-repVzS > .connectedAccount-36nQx7 {
position: relative;
background: rgba(255, 255, 255, 0.04);
border-color: transparent;
border-radius: 5px;
transition: all .15s ease-in-out
}
.connectedAccounts-repVzS > .connectedAccount-36nQx7:hover {
background: rgba(255, 255, 255, 0.07)
}
.connectedAccounts-repVzS > .connectedAccount-36nQx7:hover .connectedAccountOpenIcon-2cNbq5 {
opacity: .7
}
.connectedAccounts-repVzS > .connectedAccount-36nQx7:active {
transform: scale(0.95)
}
.connectedAccountVerifiedIcon-3aZz_K {
background: url(https://clearvision.gitlab.io/icons/verified.svg) center/18px no-repeat;
opacity: .5;
z-index: 1
}
.connectedAccountVerifiedIcon-3aZz_K .flowerStar-1GeTsn {
opacity: 0
}
.connectedAccountVerifiedIcon-3aZz_K .childContainer-1wxZNh {
display: none
}
.connectedAccountOpenIcon-2cNbq5 {
background: url(https://clearvision.gitlab.io/icons/popout.svg) center/18px no-repeat;
opacity: .3;
transition: all .15s ease-in-out
}
.connectedAccountOpenIcon-2cNbq5:after {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0
}
.emptyIcon-pGTAhd {
-webkit-filter: grayscale(1) brightness(2);
filter: grayscale(1) brightness(2);
opacity: .3
}
.emptyText-6tYmO5 {
color: rgba(255, 255, 255, 0.3)
}
.listScroller-2_vlfo .listRow-hutiT_ {
position: relative;
color: rgba(255, 255, 255, 0.5);
transition: all .15s ease-in-out;
z-index: 1
}
.listScroller-2_vlfo .listRow-hutiT_:after {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: linear-gradient(to right, transparent, rgba(255, 255, 255, 0.04) 10%, rgba(255, 255, 255, 0.04) 90%, transparent);
opacity: 0;
transition: inherit;
z-index: -1
}
.listScroller-2_vlfo .listRow-hutiT_:hover {
background: transparent;
color: rgba(255, 255, 255, 0.7)
}
.listScroller-2_vlfo .listRow-hutiT_:hover:after {
opacity: 1
}
.listScroller-2_vlfo .listRow-hutiT_:active {
transform: scale(0.97)
}
.listAvatar-1NlAhb {
background-color: rgba(0, 0, 0, 0.2)
}
.appMount-3lHmkl .keybindShortcut-1BD6Z1 > span {
background: transparent;
border: 1px solid var(--hover-color);
border-radius: 3px;
box-shadow: inset 0 -4px var(--main-color);
color: rgba(255, 255, 255, 0.7);
transition: all .15s ease-in-out
}
.appMount-3lHmkl .keybindShortcut-1BD6Z1 > span:hover {
background: var(--hover-color);
color: #fff
}
.appMount-3lHmkl .keybindShortcut-1BD6Z1 > span:active {
border: 1px solid var(--hover-color);
box-shadow: inset 0 -2px var(--main-color);
color: #fff
}
.standardSidebarView-3F1I7i .sidebarRegion-VFTUkN {
background: transparent
}
.standardSidebarView-3F1I7i .sidebarRegion-VFTUkN .sidebar-CFHs9e {
height: 100%;
padding: 0px 6px 0px 20px
}
.sidebarRegion-VFTUkN .sidebarRegionScroller-3MXcoP {
margin: 30px 8px 30px 0;
background: transparent;
-webkit-mask-image: linear-gradient(to bottom, transparent, #000 5%, #000 95%, transparent);
mask-image: linear-gradient(to bottom, transparent, #000 5%, #000 95%, transparent)
}
.sidebarRegion-VFTUkN .sidebarRegionScroller-3MXcoP::-webkit-scrollbar {
width: 0 !important
}
.side-8zPYf6 {
padding: 30px 0
}
.side-8zPYf6 .header-2RyJ0Y {
color: var(--main-color);
font-weight: 700
}
.side-8zPYf6 .separator-gCa7yv {
background: rgba(255, 255, 255, 0.07)
}
.sidebar-CFHs9e .header-2RyJ0Y {
padding-top: 20px;
display: flex;
align-items: center;
justify-content: center
}
.sidebar-CFHs9e .header-2RyJ0Y:before {
content: "";
height: 2px;
flex-grow: 1;
background: linear-gradient(to left, var(--main-color) 50%, transparent);
margin-right: 5px
}
.sidebar-CFHs9e .header-2RyJ0Y:after {
content: "";
height: 2px;
flex-grow: 1;
background: linear-gradient(to right, var(--main-color) 50%, transparent);
margin-left: 5px
}
.sidebar-CFHs9e .header-2RyJ0Y > span {
max-width: 100%;
overflow: hidden;
text-overflow: ellipsis
}
[aria-label="USER_SETTINGS"] .sidebar-CFHs9e .item-PXvHYJ:nth-child(9) + .separator-gCa7yv {
display: none
}
.layer-3QrUeG .standardSidebarView-3F1I7i .side-8zPYf6 .item-PXvHYJ {
height: unset;
padding: 8px 0 8px 20px;
margin: 0;
color: rgba(255, 255, 255, 0.3);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
transition: all .15s ease-in-out;
cursor: pointer
}
.layer-3QrUeG .standardSidebarView-3F1I7i .side-8zPYf6 .item-PXvHYJ:hover {
background-color: rgba(255, 255, 255, 0.07);
color: rgba(255, 255, 255, 0.7)
}
.layer-3QrUeG .standardSidebarView-3F1I7i .side-8zPYf6 .item-PXvHYJ.selected-3s45Ha, .layer-3QrUeG .standardSidebarView-3F1I7i .side-8zPYf6 .item-PXvHYJ.selected-3s45Ha:hover {
background-color: var(--main-color);
color: #fff
}
.layer-3QrUeG .standardSidebarView-3F1I7i .side-8zPYf6 .item-PXvHYJ.role-3wi9Tf {
background-size: 0;
-webkit-animation: none;
animation: none
}
.standardSidebarView-3F1I7i .sidebar-CFHs9e .side-8zPYf6 .item-PXvHYJ {
position: relative;
background: transparent;
transition: all .15s ease-in-out
}
.standardSidebarView-3F1I7i .sidebar-CFHs9e .side-8zPYf6 .item-PXvHYJ:before {
opacity: .3;
transition: inherit
}
.standardSidebarView-3F1I7i .sidebar-CFHs9e .side-8zPYf6 .item-PXvHYJ:after {
content: "";
position: absolute;
top: 0;
right: 100%;
bottom: 0;
left: 0;
opacity: .9;
transition: all .3s ease-in-out;
z-index: -1;
pointer-events: none
}
.standardSidebarView-3F1I7i .sidebar-CFHs9e .side-8zPYf6 .item-PXvHYJ[style*="color: rgb(114, 137, 218)"] {
background-color: transparent !important;
color: rgba(255, 255, 255, 0.3) !important
}
.standardSidebarView-3F1I7i .sidebar-CFHs9e .side-8zPYf6 .item-PXvHYJ[style*="color: rgb(114, 137, 218)"]:hover {
background: rgba(255, 255, 255, 0.07) !important;
color: rgba(255, 255, 255, 0.7) !important
}
.standardSidebarView-3F1I7i .sidebar-CFHs9e .side-8zPYf6 .item-PXvHYJ:hover {
background: rgba(255, 255, 255, 0.07);
color: rgba(255, 255, 255, 0.7)
}
.standardSidebarView-3F1I7i .sidebar-CFHs9e .side-8zPYf6 .item-PXvHYJ:hover:before {
opacity: .7
}
.standardSidebarView-3F1I7i .sidebar-CFHs9e .side-8zPYf6 .item-PXvHYJ.selected-3s45Ha:before, .standardSidebarView-3F1I7i .sidebar-CFHs9e .side-8zPYf6 .item-PXvHYJ[style*="color: rgb(255, 255, 255)"]:before {
opacity: 1
}
.standardSidebarView-3F1I7i .sidebar-CFHs9e .side-8zPYf6 .item-PXvHYJ.selected-3s45Ha:after, .standardSidebarView-3F1I7i .sidebar-CFHs9e .side-8zPYf6 .item-PXvHYJ[style*="color: rgb(255, 255, 255)"]:after {
right: 0;
background: var(--main-color);
-webkit-animation: cv-channel-select .3s ease-in-out;
animation: cv-channel-select .3s ease-in-out
}
.standardSidebarView-3F1I7i .sidebar-CFHs9e .side-8zPYf6 .item-PXvHYJ.selected-3s45Ha {
background: transparent !important;
color: #fff !important;
transition: all .15s ease-in-out, background .3s .2s
}
.standardSidebarView-3F1I7i .sidebar-CFHs9e .side-8zPYf6 .item-PXvHYJ[style*="color: rgb(255, 255, 255)"], .standardSidebarView-3F1I7i .sidebar-CFHs9e .side-8zPYf6 .item-PXvHYJ[style*="color: rgb(255, 255, 255)"]:hover {
background: transparent !important;
color: #fff !important;
transition: all .15s ease-in-out, background .3s .2s
}
.standardSidebarView-3F1I7i .sidebar-CFHs9e .side-8zPYf6 .item-PXvHYJ[style*="color: rgb(240, 71, 71)"] {
background: transparent !important;
color: rgba(255, 255, 255, 0.5) !important
}
.standardSidebarView-3F1I7i .sidebar-CFHs9e .side-8zPYf6 .item-PXvHYJ[style*="color: rgb(240, 71, 71)"]:before {
opacity: .5
}
.standardSidebarView-3F1I7i .sidebar-CFHs9e .side-8zPYf6 .item-PXvHYJ[style*="color: rgb(240, 71, 71)"]:after {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: var(--danger-color);
opacity: .5;
transition: inherit;
z-index: -1
}
.standardSidebarView-3F1I7i .sidebar-CFHs9e .side-8zPYf6 .item-PXvHYJ[style*="color: rgb(240, 71, 71)"]:hover {
color: #fff !important
}
.standardSidebarView-3F1I7i .sidebar-CFHs9e .side-8zPYf6 .item-PXvHYJ[style*="color: rgb(240, 71, 71)"]:hover:before {
opacity: 1;
transform: rotateY(180deg)
}
.standardSidebarView-3F1I7i .sidebar-CFHs9e .side-8zPYf6 .item-PXvHYJ[style*="color: rgb(240, 71, 71)"]:hover:after {
opacity: .7
}
[aria-label="USER_SETTINGS"] .sidebar-CFHs9e .item-PXvHYJ {
padding-left: 50px !important
}
[aria-label="USER_SETTINGS"] .sidebar-CFHs9e .item-PXvHYJ:before {
content: "";
position: absolute;
width: 24px;
height: 24px;
left: 15px;
margin-top: -2px
}
[aria-label="USER_SETTINGS"] .sidebar-CFHs9e .item-PXvHYJ:nth-child(2):before {
background-image: url(https://clearvision.gitlab.io/icons/person.svg)
}
[aria-label="USER_SETTINGS"] .sidebar-CFHs9e .item-PXvHYJ:nth-child(3):before {
background-image: url(https://clearvision.gitlab.io/icons/security.svg)
}
[aria-label="USER_SETTINGS"] .sidebar-CFHs9e .item-PXvHYJ:nth-child(4):before {
background-image: url(https://clearvision.gitlab.io/icons/apps.svg)
}
[aria-label="USER_SETTINGS"] .sidebar-CFHs9e .item-PXvHYJ:nth-child(5):before {
background-image: url(https://clearvision.gitlab.io/icons/link.svg)
}
[aria-label="USER_SETTINGS"] .sidebar-CFHs9e .item-PXvHYJ:nth-child(6):before {
background-image: url(https://clearvision.gitlab.io/icons/payment.svg)
}
[aria-label="USER_SETTINGS"] .sidebar-CFHs9e .item-PXvHYJ:nth-child(8):before {
background-image: url(https://clearvision.gitlab.io/icons/nitro.svg)
}
[aria-label="USER_SETTINGS"] .sidebar-CFHs9e .item-PXvHYJ:nth-child(9):before {
background-image: url(https://clearvision.gitlab.io/icons/gift.svg)
}
[aria-label="USER_SETTINGS"] .sidebar-CFHs9e .item-PXvHYJ:nth-child(10):before {
background-image: url(https://clearvision.gitlab.io/icons/server_boost.svg)
}
[aria-label="USER_SETTINGS"] .sidebar-CFHs9e .item-PXvHYJ:nth-child(11):before {
background-image: url(https://clearvision.gitlab.io/icons/hypesquad.svg)
}
[aria-label="USER_SETTINGS"] .sidebar-CFHs9e .item-PXvHYJ:nth-child(14):before {
background-image: url(https://clearvision.gitlab.io/icons/mic.svg)
}
.platform-win [aria-label="USER_SETTINGS"] .sidebar-CFHs9e .item-PXvHYJ:nth-child(15):before {
background-image: url(https://clearvision.gitlab.io/icons/aspect_ratio.svg)
}
.platform-win [aria-label="USER_SETTINGS"] .sidebar-CFHs9e .item-PXvHYJ:nth-child(16):before, .platform-osx [aria-label="USER_SETTINGS"] .sidebar-CFHs9e .item-PXvHYJ:nth-child(15):before, .platform-linux [aria-label="USER_SETTINGS"] .sidebar-CFHs9e .item-PXvHYJ:nth-child(15):before, .platform-web [aria-label="USER_SETTINGS"] .sidebar-CFHs9e .item-PXvHYJ:nth-child(15):before {
background-image: url(https://clearvision.gitlab.io/icons/notifications.svg)
}
.platform-win [aria-label="USER_SETTINGS"] .sidebar-CFHs9e .item-PXvHYJ:nth-child(17):before, .platform-osx [aria-label="USER_SETTINGS"] .sidebar-CFHs9e .item-PXvHYJ:nth-child(16):before, .platform-linux [aria-label="USER_SETTINGS"] .sidebar-CFHs9e .item-PXvHYJ:nth-child(16):before, .platform-web [aria-label="USER_SETTINGS"] .sidebar-CFHs9e .item-PXvHYJ:nth-child(16):before {
background-image: url(https://clearvision.gitlab.io/icons/keyboard.svg)
}
.platform-win [aria-label="USER_SETTINGS"] .sidebar-CFHs9e .item-PXvHYJ:nth-child(18):before, .platform-osx [aria-label="USER_SETTINGS"] .sidebar-CFHs9e .item-PXvHYJ:nth-child(17):before, .platform-linux [aria-label="USER_SETTINGS"] .sidebar-CFHs9e .item-PXvHYJ:nth-child(17):before, .platform-web [aria-label="USER_SETTINGS"] .sidebar-CFHs9e .item-PXvHYJ:nth-child(17):before {
background-image: url(https://clearvision.gitlab.io/icons/games.svg)
}
.platform-win [aria-label="USER_SETTINGS"] .sidebar-CFHs9e .item-PXvHYJ:nth-child(19):before, .platform-osx [aria-label="USER_SETTINGS"] .sidebar-CFHs9e .item-PXvHYJ:nth-child(19):before, .platform-linux [aria-label="USER_SETTINGS"] .sidebar-CFHs9e .item-PXvHYJ:nth-child(18):before, .platform-web [aria-label="USER_SETTINGS"] .sidebar-CFHs9e .item-PXvHYJ:nth-child(18):before {
background-image: url(https://clearvision.gitlab.io/icons/chat.svg)
}
.platform-win [aria-label="USER_SETTINGS"] .sidebar-CFHs9e .item-PXvHYJ:nth-child(20):before, .platform-osx [aria-label="USER_SETTINGS"] .sidebar-CFHs9e .item-PXvHYJ:nth-child(20):before, .platform-linux [aria-label="USER_SETTINGS"] .sidebar-CFHs9e .item-PXvHYJ:nth-child(19):before, .platform-web [aria-label="USER_SETTINGS"] .sidebar-CFHs9e .item-PXvHYJ:nth-child(19):before {
background-image: url(https://clearvision.gitlab.io/icons/camera.svg)
}
.platform-win [aria-label="USER_SETTINGS"] .sidebar-CFHs9e .item-PXvHYJ:nth-child(21):before, .platform-osx [aria-label="USER_SETTINGS"] .sidebar-CFHs9e .item-PXvHYJ:nth-child(21):before, .platform-linux [aria-label="USER_SETTINGS"] .sidebar-CFHs9e .item-PXvHYJ:nth-child(20):before, .platform-web [aria-label="USER_SETTINGS"] .sidebar-CFHs9e .item-PXvHYJ:nth-child(20):before {
background-image: url(https://clearvision.gitlab.io/icons/videocam.svg)
}
.platform-win [aria-label="USER_SETTINGS"] .sidebar-CFHs9e .item-PXvHYJ:nth-child(22):before, .platform-osx [aria-label="USER_SETTINGS"] .sidebar-CFHs9e .item-PXvHYJ:nth-child(22):before, .platform-linux [aria-label="USER_SETTINGS"] .sidebar-CFHs9e .item-PXvHYJ:nth-child(21):before, .platform-web [aria-label="USER_SETTINGS"] .sidebar-CFHs9e .item-PXvHYJ:nth-child(21):before {
background-image: url(https://clearvision.gitlab.io/icons/language.svg)
}
.platform-win [aria-label="USER_SETTINGS"] .sidebar-CFHs9e .item-PXvHYJ:nth-child(23):before {
background-image: url(https://clearvision.gitlab.io/icons/windows.svg)
}
.platform-linux [aria-label="USER_SETTINGS"] .sidebar-CFHs9e .item-PXvHYJ:nth-child(22):before {
background-image: url(https://clearvision.gitlab.io/icons/linux.svg)
}
.platform-win [aria-label="USER_SETTINGS"] .sidebar-CFHs9e .item-PXvHYJ:nth-child(25):before, .platform-osx [aria-label="USER_SETTINGS"] .sidebar-CFHs9e .item-PXvHYJ:nth-child(24):before, .platform-linux [aria-label="USER_SETTINGS"] .sidebar-CFHs9e .item-PXvHYJ:nth-child(24):before, .platform-web [aria-label="USER_SETTINGS"] .sidebar-CFHs9e .item-PXvHYJ:nth-child(23):before {
background-image: url(https://clearvision.gitlab.io/icons/history.svg)
}
.platform-win [aria-label="USER_SETTINGS"] .sidebar-CFHs9e .item-PXvHYJ:nth-child(26):before, .platform-osx [aria-label="USER_SETTINGS"] .sidebar-CFHs9e .item-PXvHYJ:nth-child(25):before, .platform-linux [aria-label="USER_SETTINGS"] .sidebar-CFHs9e .item-PXvHYJ:nth-child(25):before, .platform-web [aria-label="USER_SETTINGS"] .sidebar-CFHs9e .item-PXvHYJ:nth-child(24):before {
background-image: url(https://clearvision.gitlab.io/icons/flask.svg)
}
.platform-win [aria-label="USER_SETTINGS"] .sidebar-CFHs9e .item-PXvHYJ:nth-child(27):before, .platform-osx [aria-label="USER_SETTINGS"] .sidebar-CFHs9e .item-PXvHYJ:nth-child(26):before, .platform-linux [aria-label="USER_SETTINGS"] .sidebar-CFHs9e .item-PXvHYJ:nth-child(26):before, .platform-web [aria-label="USER_SETTINGS"] .sidebar-CFHs9e .item-PXvHYJ:nth-child(25):before {
background-image: url(https://clearvision.gitlab.io/icons/bug.svg)
}
[aria-label="USER_SETTINGS"] .sidebar-CFHs9e .item-PXvHYJ:nth-last-child(3):before {
background-image: url(https://clearvision.gitlab.io/icons/exit.svg)
}
.standardSidebarView-3F1I7i > .contentRegion-3nDuYy {
background: transparent
}
.contentRegion-3nDuYy .contentRegionScroller-26nc1e, .contentRegion-3nDuYy .scroller-305q3I {
background: transparent
}
.content-3at_AU .name-3_Dsmg, .content-3at_AU .icon-1_QxNX {
color: var(--channel-color)
}
.wrapper-1ucjTd.modeSelected-1zApJ_ .content-3at_AU .name-3_Dsmg, .wrapper-1ucjTd.modeSelected-1zApJ_ .content-3at_AU .icon-1_QxNX {
color: var(--channel-color)
}
.wrapper-1ucjTd.modeMuted-3osy7j .content-3at_AU .name-3_Dsmg, .wrapper-1ucjTd.modeMuted-3osy7j .content-3at_AU .icon-1_QxNX {
color: var(--muted-color)
}
.wrapper-1ucjTd.modeUnread-1zpFdA .content-3at_AU .name-3_Dsmg, .wrapper-1ucjTd.modeUnread-1zpFdA .content-3at_AU .icon-1_QxNX {
color: var(--channel-unread)
}
.fakeLink-26oLcc, .embed-IeVjo6 > .embedTitleLink-1Zla9e, .markup-2BOw-j > a {
color: var(--url-color) !important
}
.base-3dtUhz .pageWrapper-1PgVDX {
background: rgba(0, 0, 0, calc(var(--background-shading) * .5))
}
.bg-AYqtMd {
-webkit-mask: linear-gradient(to bottom, #000, transparent);
mask: linear-gradient(to bottom, #000, transparent)
}
.mainHeader-1i17pL {
color: #fff;
text-shadow: 0 0 3px #000;
font-weight: 600
}
.mainHeader-1i17pL:before {
content: "Discovery: ";
color: var(--main-color);
text-shadow: 0 0 3px
}
.mainHeader-1i17pL:after {
content: "!"
}
.appMount-3lHmkl .searchBox-3Y2Vi7 {
background: rgba(255, 255, 255, 0.1);
box-shadow: none
}
.appMount-3lHmkl .searchHelpText-19imBp {
color: transparent;
transition: all 0s .3s, color .3s ease-in-out
}
.appMount-3lHmkl .searchHelpText-19imBp.searchHelpTextVisible-1mRnNd {
color: rgba(255, 255, 255, 0.3);
transition-delay: 0s
}
.searchBox-3Y2Vi7 .searchBoxInput-uJtBcv {
color: rgba(255, 255, 255, 0.7)
}
.searchBox-3Y2Vi7 .searchBoxInput-uJtBcv::-moz-placeholder {
color: rgba(255, 255, 255, 0.3)
}
.searchBox-3Y2Vi7 .searchBoxInput-uJtBcv:-ms-input-placeholder {
color: rgba(255, 255, 255, 0.3)
}
.searchBox-3Y2Vi7 .searchBoxInput-uJtBcv::-ms-input-placeholder {
color: rgba(255, 255, 255, 0.3)
}
.searchBox-3Y2Vi7 .searchBoxInput-uJtBcv::placeholder {
color: rgba(255, 255, 255, 0.3)
}
.searchBox-3Y2Vi7 .searchIcon-1a1-yA {
color: rgba(255, 255, 255, 0.3)
}
.searchBox-3Y2Vi7 .clearIcon-2N9YIn {
color: rgba(255, 255, 255, 0.3);
transition: all .15s ease-in-out
}
.searchBox-3Y2Vi7 .clearIcon-2N9YIn:hover {
color: rgba(255, 255, 255, 0.7)
}
.sectionHeader-1Hee-5 {
color: rgba(255, 255, 255, 0.7)
}
.guildCard-2arfcG .card-3DjzTQ {
background: rgba(255, 255, 255, 0.04);
transition: all .15s ease-in-out
}
.guildCard-2arfcG .card-3DjzTQ:hover {
background: rgba(255, 255, 255, 0.1);
box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1)
}
.guildCard-2arfcG .verifiedIcon-1vpk3S {
background: url(https://clearvision.gitlab.io/icons/verified.svg) center/16px no-repeat;
opacity: .7;
-webkit-filter: drop-shadow(0 0 3px #000);
filter: drop-shadow(0 0 3px #000)
}
.guildCard-2arfcG .verifiedIcon-1vpk3S .flowerStar-1GeTsn, .guildCard-2arfcG .verifiedIcon-1vpk3S .childContainer-1wxZNh {
display: none
}
.guildCard-2arfcG .dotOnline-8Ag7EB {
background-color: var(--online-color);
box-shadow: 0 0 3px, 0 0 5px rgba(0, 0, 0, 0.5);
color: var(--online-color)
}
.guildCard-2arfcG .dotOffline-3DXoDy {
background-color: var(--offline-color);
box-shadow: 0 0 3px, 0 0 5px rgba(0, 0, 0, 0.5);
color: var(--offline-color)
}
.guildList-1ItbxP .loading-17PYl_ {
background: rgba(255, 255, 255, 0.1)
}
.pageWrapper-1PgVDX .sectionSeparator-2OWiNT {
background: rgba(255, 255, 255, 0.07)
}
.pageControlContainer-3czZwE .pageControl-1aUwvK .endButton-3wGL3C {
background: rgba(255, 255, 255, 0.04);
color: rgba(255, 255, 255, 0.5);
transition: all .15s ease-in-out
}
.pageControlContainer-3czZwE .pageControl-1aUwvK .endButton-3wGL3C:hover {
background: rgba(255, 255, 255, 0.1);
color: rgba(255, 255, 255, 0.7)
}
.pageControlContainer-3czZwE .pageControl-1aUwvK .endButton-3wGL3C:disabled {
background: rgba(255, 255, 255, 0.04);
color: rgba(255, 255, 255, 0.5);
opacity: .5
}
.pageControlContainer-3czZwE .pageControl-1aUwvK .roundButton-2CW1Hh {
color: rgba(255, 255, 255, 0.5);
transition: all .15s ease-in-out
}
.pageControlContainer-3czZwE .pageControl-1aUwvK .roundButton-2CW1Hh:hover {
background: rgba(255, 255, 255, 0.07);
color: rgba(255, 255, 255, 0.7)
}
.pageControlContainer-3czZwE .pageControl-1aUwvK .roundButton-2CW1Hh.activeButton-1BJAiN {
background: var(--main-color);
color: #fff
}
.body-2lagau .emptySearchResults-1ba__I {
padding: 10px 20px;
background: linear-gradient(to bottom, transparent, rgba(255, 255, 255, 0.1))
}
.emptySearchResults-1ba__I .emptySearchImage-1qOMLW {
-webkit-filter: grayscale(1) brightness(1.5);
filter: grayscale(1) brightness(1.5);
opacity: .3
}
.emptySearchResults-1ba__I .emptySearchTitle-2zDhhZ {
color: rgba(255, 255, 255, 0.7);
font-weight: 600
}
.emptySearchResults-1ba__I .emptySearchDescription-2AmfE4 {
color: rgba(255, 255, 255, 0.5)
}
.discoverHeader-1TWTqG {
padding-top: 20px;
display: flex;
align-items: center;
justify-content: center;
color: var(--main-color)
}
.discoverHeader-1TWTqG:after {
content: "";
height: 2px;
flex-grow: 1;
background: linear-gradient(to right, var(--main-color) 50%, transparent);
margin-left: 5px
}
.discoverHeader-1TWTqG:before {
content: "";
height: 2px;
flex-grow: 1;
background: linear-gradient(to left, var(--main-color) 50%, transparent);
margin-right: 5px
}
.container-16j22k {
background: rgba(0, 0, 0, 0.9)
}
.links-3Ldd4A {
color: var(--main-color);
opacity: 1 !important;
transition: all .1s ease-in-out
}
.links-3Ldd4A:hover {
text-shadow: 0 0 1px;
text-decoration: none !important
}
.path-92Hmty {
stroke: var(--main-color) !important
}
.path2-1q7bG_ {
opacity: .5 !important
}
.path3-2l9TIX {
opacity: .3 !important
}
.wrapper-3vR61M, .wrapper-1F5TKx {
background-color: transparent
}
.errorPage-u8SYh4 {
background: transparent;
box-shadow: inset 0 0 50vmin 10px var(--danger-color)
}
.errorPage-u8SYh4 .contents-18-Yxp {
height: 16px;
font-size: 0
}
.errorPage-u8SYh4 .contents-18-Yxp:after {
content: "Respawn at last Checkpoint";
font-size: 14px
}
.image-3zK3Wt {
display: none
}
.text-NLHgOm {
width: auto;
color: rgba(255, 255, 255, 0.7)
}
.text-NLHgOm h4 {
height: 150px;
width: 100vw;
background: rgba(0, 0, 0, 0.5);
box-shadow: 0 0 30px 15px rgba(0, 0, 0, 0.5);
color: var(--danger-color);
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 0;
font-weight: normal;
line-height: 150px
}
.text-NLHgOm h4:after {
content: "YOU DIED";
font-size: 150px
}
.text-NLHgOm .note-450gs3 {
font-size: 0;
white-space: pre-line
}
.note-450gs3 > div > p {
margin: 0
}
.note-450gs3 > div > p:before, .note-450gs3 > div > p:after {
margin-bottom: 14px;
display: block;
font-size: 16px
}
.note-450gs3 > div > p:first-child:before {
content: "Looks like you got slaughtered by an Error Level 9000."
}
.note-450gs3 > div > p:first-child:after {
content: "Might have been one of your plugins?"
}
.note-450gs3 > div > p:last-child:after {
content: "Press Ctrl + Shift + I or Cmd + Alt + I to check Console for errors."
}
.side-8zPYf6 #bd-settings-sidebar .ui-tab-bar-header {
padding-top: 20px;
display: flex;
align-items: center;
justify-content: center;
color: var(--main-color);
font-weight: 700
}
.side-8zPYf6 #bd-settings-sidebar .ui-tab-bar-header:before {
content: "";
height: 2px;
flex-grow: 1;
background: linear-gradient(to left, var(--main-color) 50%, transparent);
margin-right: 5px
}
.side-8zPYf6 #bd-settings-sidebar .ui-tab-bar-header:after {
content: "";
height: 2px;
flex-grow: 1;
background: linear-gradient(to right, var(--main-color) 50%, transparent);
margin-left: 5px
}
.side-8zPYf6 #bd-settings-sidebar .ui-tab-bar-item {
color: rgba(255, 255, 255, 0.3);
padding: 8px 0 8px 20px;
margin: 0;
transition: all .15s ease-in-out, background-size .3s ease-in-out;
cursor: pointer
}
.side-8zPYf6 #bd-settings-sidebar .ui-tab-bar-item:before {
opacity: .3;
transition: all .15s ease-in-out
}
.side-8zPYf6 #bd-settings-sidebar .ui-tab-bar-item:after {
content: "";
position: absolute;
top: 0;
right: 100%;
bottom: 0;
left: 0;
opacity: .9;
transition: all .3s ease-in-out;
z-index: -1;
pointer-events: none
}
.side-8zPYf6 #bd-settings-sidebar .ui-tab-bar-item:hover {
background: rgba(255, 255, 255, 0.07);
color: rgba(255, 255, 255, 0.7)
}
.side-8zPYf6 #bd-settings-sidebar .ui-tab-bar-item:hover:before {
opacity: .7
}
.side-8zPYf6 #bd-settings-sidebar .ui-tab-bar-item.selected {
background: transparent;
color: #fff;
transition: all .15s ease-in-out, background .3s .2s
}
.side-8zPYf6 #bd-settings-sidebar .ui-tab-bar-item.selected:before {
opacity: 1
}
.side-8zPYf6 #bd-settings-sidebar .ui-tab-bar-item.selected:after {
right: 0;
background: var(--main-color);
-webkit-animation: cv-channel-select .3s ease-in-out;
animation: cv-channel-select .3s ease-in-out
}
.side-8zPYf6 #bd-settings-sidebar .ui-tab-bar-separator {
background: rgba(255, 255, 255, 0.07)
}
.side-8zPYf6 #bd-settings-sidebar .ui-tab-bar-separator:first-child {
display: none
}
.side-8zPYf6 #bd-settings-sidebar div[style] {
color: rgba(255, 255, 255, 0.3) !important
}
.side-8zPYf6 #bd-settings-sidebar a {
color: var(--main-color);
transition: all .1s ease-in-out
}
.side-8zPYf6 #bd-settings-sidebar a:hover {
text-shadow: 0 0 1px;
text-decoration: none !important
}
.sidebar-CFHs9e #bd-settings-sidebar .ui-tab-bar-item {
padding-left: 50px !important
}
.sidebar-CFHs9e #bd-settings-sidebar .ui-tab-bar-item:before {
content: "";
position: absolute;
width: 24px;
height: 24px;
left: 15px;
margin-top: -2px
}
.sidebar-CFHs9e #bd-settings-sidebar .ui-tab-bar-item:nth-child(3):before {
background-image: url(https://clearvision.gitlab.io/icons/betterdiscord.svg)
}
.sidebar-CFHs9e #bd-settings-sidebar .ui-tab-bar-item:nth-child(4):before {
background-image: url(https://clearvision.gitlab.io/icons/emote.svg)
}
.sidebar-CFHs9e #bd-settings-sidebar .ui-tab-bar-item:nth-child(5):before {
background-image: url(https://clearvision.gitlab.io/icons/puzzle.svg)
}
.sidebar-CFHs9e #bd-settings-sidebar .ui-tab-bar-item:nth-child(6):before {
background-image: url(https://clearvision.gitlab.io/icons/palette.svg)
}
.sidebar-CFHs9e #bd-settings-sidebar .ui-tab-bar-item:nth-child(7):before {
background-image: url(https://clearvision.gitlab.io/icons/code_braces.svg)
}
#bda-qem {
background-color: rgba(0, 0, 0, 0.5);
border: none !important
}
#bda-qem ~ .emojiPicker-3m1S-j {
border-radius: 0 0 5px 5px
}
#bda-qem > button {
border-color: transparent;
box-shadow: none;
color: rgba(255, 255, 255, 0.7);
transition: all .15s ease-in-out
}
#bda-qem > button:hover {
background-color: rgba(255, 255, 255, 0.07)
}
#bda-qem > #bda-qem-twitch.active, #bda-qem > #bda-qem-favourite.active, #bda-qem > #bda-qem-emojis.active {
background-color: var(--main-color);
color: #fff
}
#bda-qem-twitch-container, #bda-qem-favourite-container {
height: 326px;
width: 344px;
background-color: rgba(0, 0, 0, 0.5);
border-radius: 0 0 5px 5px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.5)
}
.emote-container {
border-radius: 3px;
transition: all .15s ease-in-out
}
.emote-container:hover {
background-color: rgba(255, 255, 255, 0.07)
}
#pluginNotice #outdatedPlugins span {
color: #fff;
transition: all .1s ease-in-out
}
#pluginNotice #outdatedPlugins span:hover {
text-shadow: 0 0 1px;
text-decoration: none !important
}
.replyer, .btn-quote, .citar-btn {
background-color: rgba(0, 0, 0, 0.4) !important;
border-radius: 3px;
transition: background-color .3s ease-in-out
}
.replyer:hover, .btn-quote:hover, .citar-btn:hover {
background-color: var(--main-color) !important
}
.container-1YxwTf:not(:hover) .replyer, .container-1YxwTf:not(:hover) .btn-quote, .container-1YxwTf:not(:hover) .citar-btn {
visibility: visible;
opacity: 0
}
.container-1YxwTf:hover .replyer {
opacity: 1;
-webkit-animation: cv-fade-in .3s ease-in-out;
animation: cv-fade-in .3s ease-in-out
}
.container-1YxwTf:hover .btn-quote {
opacity: 1
}
.container-1YxwTf:hover .citar-btn {
opacity: .8;
-webkit-animation: cv-fade-to-8 .3s ease-in-out;
animation: cv-fade-to-8 .3s ease-in-out
}
.hljs > .kawaii-linenumbers {
list-style: none;
counter-reset: linenumbers;
border-left: 2.6ch solid rgba(255, 255, 255, 0.04);
margin: -6px;
padding: 6px
}
.hljs > .kawaii-linenumbers > li {
text-indent: -3ch;
margin-left: 0;
padding: 0;
border: none
}
.hljs > .kawaii-linenumbers > li:before {
content: counter(linenumbers);
counter-increment: linenumbers;
color: rgba(255, 255, 255, 0.3);
display: inline-block;
width: 2ch;
margin-right: .5ch;
padding-right: .5ch;
text-align: right;
overflow: hidden;
vertical-align: top;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}
.hljs .copybutton {
background: rgba(255, 255, 255, 0.1) !important;
color: rgba(255, 255, 255, 0.7) !important;
border: none !important;
border-top-left-radius: 3px;
opacity: 0;
transition: all .3s ease-in-out;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}
.hljs .copybutton:hover {
color: #fff !important
}
.hljs .copybutton:active {
color: var(--main-color) !important
}
.hljs:hover .copybutton {
opacity: 1
}
.BDFDB-tooltip > .tooltipTop-XDDSxx {
position: relative;
margin-top: -36px
}
.BDFDB-tooltip > .tooltipRight-2JM5PQ {
position: relative;
margin-left: 10px
}
.container-hidden {
opacity: .3
}
.creationDate, .joinedAtDate, .lastMessageDate {
font-size: 10px;
margin-bottom: -2px
}
.BE-badge {
-webkit-filter: drop-shadow(0 0 3px rgba(0, 0, 0, 0.7));
filter: drop-shadow(0 0 3px rgba(0, 0, 0, 0.7))
}
.owner-tag {
color: rgba(255, 255, 255, 0.6)
}
.owner-tag[style*=background] {
color: #fff
}
.BE-badges + .owner-tag {
margin-left: 0
}
.members-1998pB > #MemberCount {
position: static;
height: 40px;
width: 100%;
padding-left: 16px;
padding-right: 8px;
background: transparent;
color: rgba(255, 255, 255, 0.3);
font-size: 11px;
font-weight: 600;
text-align: center
}
.members-1998pB > #MemberCount:before, .members-1998pB > #MemberCount:after {
display: none
}
.members-1998pB > #MemberCount + .membersGroup-v9BXpm {
margin-top: -10px
}
@-webkit-keyframes cv-fade-in {
from {
opacity: 0
}
to {
opacity: 1
}
}
@keyframes cv-fade-in {
from {
opacity: 0
}
to {
opacity: 1
}
}
@-webkit-keyframes cv-fade-to-1 {
from {
opacity: 0
}
to {
opacity: .1
}
}
@keyframes cv-fade-to-1 {
from {
opacity: 0
}
to {
opacity: .1
}
}
@-webkit-keyframes cv-fade-to-2 {
from {
opacity: 0
}
to {
opacity: .2
}
}
@keyframes cv-fade-to-2 {
from {
opacity: 0
}
to {
opacity: .2
}
}
@-webkit-keyframes cv-fade-to-3 {
from {
opacity: 0
}
to {
opacity: .3
}
}
@keyframes cv-fade-to-3 {
from {
opacity: 0
}
to {
opacity: .3
}
}
@-webkit-keyframes cv-fade-to-4 {
from {
opacity: 0
}
to {
opacity: .4
}
}
@keyframes cv-fade-to-4 {
from {
opacity: 0
}
to {
opacity: .4
}
}
@-webkit-keyframes cv-fade-to-5 {
from {
opacity: 0
}
to {
opacity: .5
}
}
@keyframes cv-fade-to-5 {
from {
opacity: 0
}
to {
opacity: .5
}
}
@-webkit-keyframes cv-fade-to-6 {
from {
opacity: 0
}
to {
opacity: .6
}
}
@keyframes cv-fade-to-6 {
from {
opacity: 0
}
to {
opacity: .6
}
}
@-webkit-keyframes cv-fade-to-7 {
from {
opacity: 0
}
to {
opacity: .7
}
}
@keyframes cv-fade-to-7 {
from {
opacity: 0
}
to {
opacity: .7
}
}
@-webkit-keyframes cv-fade-to-8 {
from {
opacity: 0
}
to {
opacity: .8
}
}
@keyframes cv-fade-to-8 {
from {
opacity: 0
}
to {
opacity: .8
}
}
@-webkit-keyframes cv-fade-to-9 {
from {
opacity: 0
}
to {
opacity: .9
}
}
@keyframes cv-fade-to-9 {
from {
opacity: 0
}
to {
opacity: .9
}
}
@-webkit-keyframes cv-slide-top {
from {
top: 100%
}
to {
top: 0
}
}
@keyframes cv-slide-top {
from {
top: 100%
}
to {
top: 0
}
}
@-webkit-keyframes cv-slide-right {
from {
right: 100%
}
to {
right: 0
}
}
@keyframes cv-slide-right {
from {
right: 100%
}
to {
right: 0
}
}
@-webkit-keyframes cv-slide-bottom {
from {
bottom: 100%
}
to {
bottom: 0
}
}
@keyframes cv-slide-bottom {
from {
bottom: 100%
}
to {
bottom: 0
}
}
@-webkit-keyframes cv-slide-left {
from {
left: 100%
}
to {
left: 0
}
}
@keyframes cv-slide-left {
from {
left: 100%
}
to {
left: 0
}
}
@-webkit-keyframes cv-channel-select {
from {
right: 100%;
background-color: transparent
}
to {
right: 0;
background-color: var(--main-color)
}
}
@keyframes cv-channel-select {
from {
right: 100%;
background-color: transparent
}
to {
right: 0;
background-color: var(--main-color)
}
}
@-webkit-keyframes cv-message-jump {
from {
background: rgba(255, 255, 255, 0.3)
}
to {
background: transparent
}
}
@keyframes cv-message-jump {
from {
background: rgba(255, 255, 255, 0.3)
}
to {
background: transparent
}
}
@-webkit-keyframes cv-update-spin {
from {
transform: rotateZ(0) scaleX(-1)
}
to {
transform: rotateZ(360deg) scaleX(-1)
}
}
@keyframes cv-update-spin {
from {
transform: rotateZ(0) scaleX(-1)
}
to {
transform: rotateZ(360deg) scaleX(-1)
}
}
@-webkit-keyframes cv-update-downloading {
0% {
background-size: 24px, 10px 0
}
50% {
background-position: center, 50% 10px;
background-size: 24px, 10px 10px
}
100% {
background-position: center, 50% 20px;
background-size: 24px, 10px 0
}
}
@keyframes cv-update-downloading {
0% {
background-size: 24px, 10px 0
}
50% {
background-position: center, 50% 10px;
background-size: 24px, 10px 10px
}
100% {
background-position: center, 50% 20px;
background-size: 24px, 10px 0
}
}
@-webkit-keyframes cv-spin {
from {
transform: rotateZ(0)
}
to {
transform: rotateZ(360deg)
}
}
@keyframes cv-spin {
from {
transform: rotateZ(0)
}
to {
transform: rotateZ(360deg)
}
}
@-webkit-keyframes cv-spinner-glow {
from {
-webkit-filter: drop-shadow(0 0 3px var(--main-color));
filter: drop-shadow(0 0 3px var(--main-color))
}
to {
-webkit-filter: drop-shadow(0 0 3px var(--main-color)) drop-shadow(0 0 15px var(--main-color));
filter: drop-shadow(0 0 3px var(--main-color)) drop-shadow(0 0 15px var(--main-color))
}
}
@keyframes cv-spinner-glow {
from {
-webkit-filter: drop-shadow(0 0 3px var(--main-color));
filter: drop-shadow(0 0 3px var(--main-color))
}
to {
-webkit-filter: drop-shadow(0 0 3px var(--main-color)) drop-shadow(0 0 15px var(--main-color));
filter: drop-shadow(0 0 3px var(--main-color)) drop-shadow(0 0 15px var(--main-color))
}
}
@-webkit-keyframes cv-spinner-pulse {
from {
transform: scale(0.8);
opacity: .3
}
to {
transform: none;
opacity: 1
}
}
@keyframes cv-spinner-pulse {
from {
transform: scale(0.8);
opacity: .3
}
to {
transform: none;
opacity: 1
}
}
@-webkit-keyframes cv-menu-fold-y {
from {
transform: rotateX(-90deg);
opacity: 0
}
to {
transform: none;
opacity: 1
}
}
@keyframes cv-menu-fold-y {
from {
transform: rotateX(-90deg);
opacity: 0
}
to {
transform: none;
opacity: 1
}
}
@-webkit-keyframes cv-menu-fold-x {
from {
transform: rotateY(-90deg);
opacity: 0
}
to {
transform: none;
opacity: 1
}
}
@keyframes cv-menu-fold-x {
from {
transform: rotateY(-90deg);
opacity: 0
}
to {
transform: none;
opacity: 1
}
}
@-webkit-keyframes cv-menu-slide-top {
from {
transform: translateY(-100%);
opacity: 0
}
to {
transform: none;
opacity: 1
}
}
@keyframes cv-menu-slide-top {
from {
transform: translateY(-100%);
opacity: 0
}
to {
transform: none;
opacity: 1
}
}
@-webkit-keyframes cv-menu-slide-bottom {
from {
transform: translateY(100%);
opacity: 0
}
to {
transform: none;
opacity: 1
}
}
@keyframes cv-menu-slide-bottom {
from {
transform: translateY(100%);
opacity: 0
}
to {
transform: none;
opacity: 1
}
}
@-webkit-keyframes cv-menu-slide-left {
from {
transform: translateX(-100%);
opacity: 0
}
to {
transform: none;
opacity: 1
}
}
@keyframes cv-menu-slide-left {
from {
transform: translateX(-100%);
opacity: 0
}
to {
transform: none;
opacity: 1
}
}
@-webkit-keyframes cv-menu-slide-right {
from {
transform: translateX(100%);
opacity: 0
}
to {
transform: none;
opacity: 1
}
}
@keyframes cv-menu-slide-right {
from {
transform: translateX(100%);
opacity: 0
}
to {
transform: none;
opacity: 1
}
}
.theme-dark .perksModal-fSYqOq, .theme-dark .tierMarkerBackground-3q29am {
background-color: transparent
}
.theme-dark .ctaBar-2UsjF2, .theme-dark .perk-2WeBWW, .theme-dark .tierBody-16Chc9, .theme-dark .tierHeaderLocked-1s2JJz, .theme-dark .barBackground-2EEiLw {
background-color: var(--backdrop-overlay)
}
.tierMarker-5HkGJ_[style*="linear-gradient(to right, rgb(32, 34, 37), rgb(32, 34, 37));"] {
background: var(--backdrop-overlay) !important
}
.theme-dark .barForeground-3KglC8 {
background-color: rgba(244, 127, 255, 0.9)
}
.guildHeader-3nh5RK, .subscribeTooltipWrapper-32-Ce8, .container-1gR2ZK {
background-color: var(--background-overlay)
}
.guildSubscriptionSlots-JPXXvN {
background-color: var(--background-overlay)
}
.cardWrapper-2Min21 {
background: var(--background-overlay)
}
.subscribeTooltipWrapper-32-Ce8:after {
border-bottom-color: var(--background-overlay)
}
.focusLock-Ns3yie {
background: transparent
}
.input-cIJ7To:focus, .theme-dark .lookFilled-1h1y05.select-1Pkeg4:hover.selectOpen-hQuR6b, .theme-dark .lookFilled-1h1y05.selectOpen-hQuR6b {
border-color: var(--main-color)
}
.theme-dark .lookFilled-1h1y05.select-1Pkeg4:focus {
border-color: transparent
}
.privateChannelRecipientsInviteButtonIcon-3A3uTc {
color: var(--main-color) !important;
transition: all .1s ease-in-out
}
.privateChannelRecipientsInviteButtonIcon-3A3uTc:hover {
color: var(--hover-color) !important;
transition: all .1s ease-in-out
}
.contentWrapper-SvZHNd {
background-color: var(--background-overlay)
}
.header-ywPcAE, .navButtonActive-1MkytQ {
background-color: transparent
}
.unicodeShortcut-15J8Ck {
height: 24px;
Background-color: var(--background-overlay)
}
.scrollerThemed-2oenus.themeHidden-2yP93k .scroller-2FKFPG {
background-color: transparent
}
.wrapper-2Gsate {
background-color: transparent
}
.reaction-1hd86g {
background-color: rgba(255, 255, 255, 0.05)
}
.reaction-1hd86g.reactionMe-wv5HKu {
background-color: rgba(255, 255, 255, 0.1)
}
.reactionMe-wv5HKu .reactionCount-2mvXRV {
color: var(--main-color)
}
.reactionMe-wv5HKu:hover .reactionCount-2mvXRV {
color: var(--hover-color)
}
.reactionMe-wv5HKu:hover, .reaction-1hd86g:hover {
background-color: rgba(255, 255, 255, 0.2)
}
.theme-dark .reactors-Blmlhw, .theme-dark .sidebar-1-SQro {
background-color: transparent
}
.theme-dark .reactionSelected-1pqISm {
background-color: var(--main-color)
}
.theme-dark .scroller-1-nKid {
background: transparent
}
.theme-dark .messagesPopoutWrap-1MQ1bW {
background-color: var(--background-overlay);
border-color: var(--main-color)
}
.theme-dark .header-ykumBX, .theme-dark .messagesPopout-24nkyi, .theme-dark .messageGroupWrapper-o-Zw7G {
background-color: var(--background-overlay);
border-color: rgba(255, 255, 255, 0.1)
}
.theme-dark .messageGroupWrapper-o-Zw7G:hover {
border-color: var(--main-color)
}
.theme-dark .messageGroupWrapper-o-Zw7G:hover .actionButtons-1sUUug {
box-shadow: none;
background-color: transparent
}
.theme-dark .jumpButton-3DTcS_ {
background-color: var(--main-color)
}
.lookLink-9FtZy-.colorLink-35jkBc {
color: var(--main-color)
}
.lookLink-9FtZy-.colorLink-35jkBc:hover .contents-18-Yxp {
background-image: linear-gradient(0deg, transparent, transparent 1px, var(--main-color) 0, var(--main-color) 2px, transparent 0)
}
.theme-dark .addGamePopout-2RY8Ju, .css-181m2lf-menu {
background-color: var(--backdrop-overlay)
}
.theme-dark .css-181m2lf-menu > div > div:hover {
background-color: var(--hover-color)
}
.theme-dark .notDetected-33MY4s, .theme-dark .button-2CgfFz, .theme-dark .button-2CgfFz:hover, .theme-dark .card-FDVird:before, .theme-dark .gameNameInput-385LoS:focus, .theme-dark .gameNameInput-385LoS:hover {
background-color: var(--background-overlay)
}
.flowerStarContainer-3zDVtj > svg > path {
fill: var(--main-color)
}
.theme-dark .message-2qRu38 {
background-color: var(--background-overlay)
}
.cardPrimaryOutline-29Ujqw {
background-color: transparent
}
.theme-dark .colorPickerCustom-2CWBn2 {
background-color: var(--background-overlay)
}
.lookGhost-2Fn_0-.colorGrey-2DXtkV {
color: white;
background-color: var(--main-color);
opacity: 0.1
}
.lookGhost-2Fn_0-.colorBrand-3pXr91 {
color: white;
background-color: var(--hover-color);
opacity: 0.7
}
.theme-dark .regionSelectModal-12e-57, .theme-dark .regionSelectModal-12e-57 .regionSelectModalOption-2DSIZ3 {
background-color: var(--background-overlay) !important
}
.regionSelectModal-12e-57 {
width: 704px
}
.regionSelectModal-12e-57 .regionSelectModalHeader-21khC1 {
color: var(--main-color)
}
.regionSelectModal-12e-57 .regionSelectModalOption-2DSIZ3 {
border: 2px solid rgba(255, 255, 255, 0.3)
}
.regionSelectModal-12e-57 .regionSelectModalOption-2DSIZ3:hover {
border: 2px solid var(--main-color)
}
.table-39R0Oe {
background-color: var(--background-overlay)
}
.theme-dark .uploadModal-2ifh8j, .theme-dark .footer-3mqk7D {
background-color: var(--background-overlay)
}
.theme-dark .override-2YgiXd .checked-3_4uQ9[style*="border-color"] {
background-color: transparent !important
}
.theme-dark .checked-3_4uQ9[style*="border-color"] svg g polyline {
stroke: var(--main-color)
}
.theme-dark .uploadModal-2ifh8j .checked-3_4uQ9[style*="border-color"] {
background-color: transparent
}
.theme-dark .tierHeaderLocked-1a2opw, .theme-dark .background-3xPPFc {
background-color: var(--background-overlay)
}
.theme-dark .tierBody-x9kBBp {
background-color: var(--background-overlay)
}
.theme-dark .foreground-2EIns2 {
color: rgba(244, 127, 255, 0.9)
}
.theme-dark .tierInProgress-3mBoXq {
background-color: var(--background-overlay);
border: 0.1em solid #f47fff
}
.theme-dark .userSettingsVoice-iwdUCU .previewOverlay-2O7_KC {
background-color: rgba(255, 255, 255, 0.01)
}
.userSettingsVoice-iwdUCU .media-engine-video {
background-color: transparent
}
.container-3PXSwK, .userSettingsVoice-iwdUCU .sliderBar-3DezvM.speaking-2bFhO4 {
background: var(--main-color) !important
}
.theme-dark .progress-1IcQ3A {
background-color: var(--background-overlay)
}
.notches-1sAcEM {
display: none
}
.theme-dark .paymentPane-3bwJ6A, .theme-dark .paginator-166-09, .theme-dark .hoverablePayment-Yc6mK7.payment-xT17Mq {
background-color: transparent !important;
border: none
}
.theme-dark .bottomDivider-1K9Gao {
border-bottom: 0.05em solid var(--main-color) !important
}
.theme-dark .hoverablePayment-Yc6mK7:hover, .theme-dark .expandedInfo-3kfShd, .theme-dark .payment-xT17Mq, .theme-dark .codeRedemptionRedirect-1wVR4b {
background-color: var(--background-overlay) !important;
border: 0.1em solid var(--main-color)
}
.scroller-5bBood, .theme-dark .card-7JP0BX {
background: transparent
}
.theme-dark .header-1RC2Wb {
background-color: var(--background-overlay)
}
.detailsBlock-FoDTGA {
background-color: var(--background-overlay)
}
.theme-dark .tier1Banner-1BTgv0 {
background-image: none;
background-color: var(--background-overlay)
}
.theme-dark .keyboardShortcutsModal-3piNz7 {
background-color: var(--background-overlay)
}
.theme-light .wrapper-2ZbzR9 {
background: transparent
}
.avatarUploaderInner-3UNxY3 {
background-color: var(--main-color)
}
.appMount-3lHmkl .modal-yWgWj-, .theme-dark .theme-light .slide-2pHaq5, .theme-dark .theme-light .action-1lSjCi, .theme-dark .theme-light .footer-3rDWdC {
background: var(--background-overlay)
}
.body-3AJVSA, .theme-light .input-UJ9Tr3, .theme-light .input-1mgnkM {
color: rgba(255, 255, 255, 0.9);
font-weight: 200
}
.quickswitcher-3JagVE {
background-color: var(--background-overlay)
}
.input-2VB9rf {
background-color: rgba(255, 255, 255, 0.08)
}
.scroller-zPkAnE {
background-color: transparent
}
.themeDefault-24hCdX {
background-color: rgba(255, 255, 255, 0.3)
}
.themeDefault-24hCdX.valueChecked-m-4IJZ {
background-color: var(--main-color) !important
}
.item-26Dhrx[style*="background-color"] {
background-color: var(--main-color) !important;
border-color: var(--main-color) !important
}
.theme-dark .checked-3_4uQ9[style*="border-color"] {
border-color: var(--main-color) !important
}
.selected-mKYnfr.option-n0icdO {
background-color: var(--main-color);
border-color: var(--main-color)
}
.option-n0icdO:hover {
background-color: var(--hover-color)
}
.userPopout-3XzG_A .headerSpotify-zpWxgT .content-3JfFJh a {
color: rgba(255, 255, 255, 0.8)
}
.wrapper-3jrx9n {
border-color: var(--main-color)
}
.theme-dark .override-2YgiXd:hover {
border-color: var(--main-color)
}
.theme-dark .tiles-2aXG_k {
background-color: var(--background-overlay)
}
.selectorButtonSelected-1j4DmC {
background-color: var(--main-color)
}
.container-2XeR5Z {
background-color: var(--background-overlay)
}
.inviteRow-2L02ae:hover {
background-color: rgba(255, 255, 255, 0.4)
}
.theme-dark .header-3ZP1MY, .theme-light .header-3ZP1MY {
color: var(--main-color)
}
.theme-dark .contentWrapper-3WC1ID {
background: var(--background-overlay)
}
.pill-1dHPfk {
background-color: transparent
}
.lookLink-9FtZy-.colorBrand-3pXr91 {
color: var(--main-color)
}
.lookLink-9FtZy-.colorBrand-3pXr91:hover .contents-18-Yxp {
background-image: linear-gradient(0deg, transparent, transparent 1px, var(--main-color) 0, var(--main-color) 2px, transparent 0)
}
.iconBadge-2wi9r4.participating-NBGDkr {
background-color: var(--backdrop-overlay)
}
.uploadModalIn-1z07Bv .uploadDropModal-2kTwbc .bgScale-1otPtc {
background-color: var(--main-color)
}
.attachWrapper-1_D-pj {
z-index: 1
}
.theme-dark .uploadModal-2ifh8j, .uploadModal-2ifh8j .footer-3mqk7D {
background-color: var(--background-overlay)
}
.uploadModal-2ifh8j .inner-3nWsbo {
border: 2px dashed var(--main-color);
border-radius: 3px 3px 0px 0px
}
.uploadModal-2ifh8j .inner-3nWsbo .file-34mY5K .icon-kyxXVr.image-2yrs5j {
border: 2px solid var(--main-color)
}
.lookInverted-2D7oAl, .lookInverted-2D7oAl.colorBrand-3pXr91, .lookInverted-2D7oAl.colorGreen-29iAKY {
background: var(--main-color);
color: white
}
.lookInverted-2D7oAl:hover, .lookInverted-2D7oAl.colorBrand-3pXr91:hover, .lookInverted-2D7oAl.colorGreen-29iAKY:hover {
background: var(--hover-color)
}
.fakeLink-26oLcc {
color: var(--main-color)
}
.wrapper-39oAo3 {
background-color: var(--background-overlay)
}
.headerText-1-AnT0 {
overflow: visible
}
.theme-dark .quickSelectPopout-X1hvgV {
background: var(--backdrop-overlay)
}
.theme-dark .emptyPlayers-dx3qig, .theme-dark .players-1zg2l8 {
background-color: var(--background-overlay)
}
.theme-dark .footer-3J5oP4 {
background-color: var(--backdrop-overlay)
}
.lookFilled-1Gx00P.colorWhite-rEQuAQ, .lookFilled-1Gx00P.colorGrey-2DXtkV {
background: var(--main-color)
}
.lookFilled-1Gx00P.colorWhite-rEQuAQ > .contents-18-Yxp, .lookFilled-1Gx00P.colorGrey-2DXtkV > .contents-18-Yxp {
color: white
}
.lookFilled-1Gx00P.colorWhite-rEQuAQ:hover, .lookFilled-1Gx00P.colorGrey-2DXtkV:hover {
background: var(--hover-color) !important
}
.theme-dark .container-2oTpPc, .root-25RxKh {
background: transparent
}
.privateChannels-1nO12o .scroller-1JbKMe {
overflow-x: hidden
}
.toolbar-2bjZV7 {
background-color: var(--background-overlay)
}
.divider-24xeUg {
display: none
}
.lookFilled-1Gx00P .contents-18-Yxp, .lookInverted-2D7oAl .contents-18-Yxp, .lookLink-9FtZy- .contents-18-Yxp, .lookOutlined-3sRXeN .contents-18-Yxp {
transition: none
}
.strikethrough-231d_b {
color: var(--channels-default)
}
.theme-dark .tile-2OwFgW {
background-color: var(--background-overlay)
}
.theme-dark .tile-2OwFgW:hover {
background-color: var(--backdrop-overlay)
}
.content-MLh4nU, .category-2haXBH, .channelIcon-1TvDoP, .channelName-2wrHHc {
background-color: var(--background-overlay)
}
.splashHeader-ehL7gZ:after {
content: "WE DIED";
color: var(--danger-color);
font-size: 20px
}
.splashText-3jk87t {
font-size: 0px
}
.splashText-3jk87t:after {
font-size: 16px;
content: "small indie company"
}
.splashHeader-ehL7gZ, .splashHeader-3jk87 {
font-size: 0px
}
.scroller-1IIF0A, .scroller-2XE8rp, .header-39GIC8 {
background-color: transparent
}
.theme-dark .streamPreview-2-WUWT {
background-color: var(--background-overlay);
border: 2px solid var(--main-color)
}
.theme-dark .previewContainer-12UlHl, .theme-dark .popout-1k352f {
background-color: var(--backdrop-overlay)
}
.overflow-3zpvTV {
background-color: var(--main-color)
}
.theme-dark .bubble-3we2di {
background-color: var(--main-color)
}
.theme-dark .bubble-3we2di:before {
border-top-color: var(--main-color)
}
.theme-dark .autocomplete-1vrmpx {
background-color: transparent
}
.wrapper-2aW0bm {
background-color: transparent
}
.channelTextArea-rNsIhG {
background-color: transparent
}
.form-2fGMdU {
margin-top: 1px
}
.theme-dark .guildIconImage-3qTk45 {
background-color: transparent
}
.wrapper-35wsBm {
background-color: rgba(0, 0, 0, 0.4)
}
.guildName-2hvnt_ {
color: var(--main-color)
}
.statusOnline-8PnF5L {
background-color: var(--online-color)
}
.statusOffline-37RKt7 {
background-color: var(--offline-color)
}
.guildIcon-lQ0uiM {
background-color: rgba(255, 255, 255, 0.04)
}
.mask-1l8v16 {
-webkit-filter: none;
filter: none
}
.theme-dark .container-1D34oG, .outer-2IVh5n {
background-color: transparent
}
.theme-dark .inset-3sAvek, .peopleList-3c4jOR {
background-color: rgba(0, 0, 0, calc(var(--background-shading) * 0.4))
}
.nowPlayingColumn-2sl4cE {
background-color: rgba(0, 0, 0, calc(var(--background-shading) * 0.6));
max-width: var(--members-width)
}
.wrapper-Lii66c {
border: none !important
}
.wrapper-3D2qGf {
background-color: calc(var(--background-shading) * 0.5)
}
.theme-dark .outer-1AjyKL.interactive-3B9GmY:hover, .theme-dark .wrapper-3UweLa, .actionButton-uPB8Fs.highlight-Lf97TE, .consentCard-1iSxB_, .emptyCard-1RJw8n {
background-color: var(--background-overlay)
}
.actionButton-uPB8Fs {
background-color: var(--background-overlay) !important
}
.theme-dark .popout-38lTFE {
background: var(--background-overlay)
}
.theme-dark .outer-1AjyKL.active-1xchHY, .theme-dark .outer-1AjyKL.interactive-3B9GmY:hover {
background: var(--background-modifier-hover);
transition: all .3s ease-in-out
}
.theme-dark .enabled-1t_Gxm:hover, .theme-dark .memberListItem-31QoHj:not(.popoutDisabled-2RK7MF):hover {
transition: all .3s ease-in-out;
background: var(--background-modifier-hover)
}
.actionButton-uPB8Fs:hover {
background-color: var(--main-color)
}
.theme-dark .separator-2c4hi3 {
display: none
}
.theme-dark .popout-13LQ_3, .theme-dark .memberListItem-2ZX2pl:not(.popoutDisabled-xucru2):hover, .theme-dark .enabled-5QKLzu:hover, .theme-dark .popout-38lTFE, .theme-dark .popoutContainer-3WC9HR:hover {
background-color: var(--backdrop-overlay)
}
.form-2fGMdU:before {
display: none
}
.markup-2BOw-j code {
background-color: rgba(0, 0, 0, 0.5);
border: 1px solid rgba(0, 0, 0, 0.8)
}
.markup-2BOw-j a {
color: var(--main-color)
}
.theme-dark .wrapperAudio-1jDe0Q {
background-color: var(--backdrop-overlay);
border-color: var(--background-overlay)
}
.theme-dark .spoilerText-3p6IlD.hidden-HHr2R9 {
background-color: rgba(0, 0, 0, 0.8)
}
.theme-dark .spoilerText-3p6IlD.hidden-HHr2R9:hover {
background-color: rgba(0, 0, 0, 0.5)
}
.blockquoteDivider-2hH8H6 {
background-color: rgba(255, 255, 255, 0.2)
}
.inlineCode-2ngu6Y, .after_inlineCode-1KfVgj, .markup-2BOw-j code.inline {
padding: 3.5px 7.5px;
background-color: rgba(255, 255, 255, 0.1);
border-radius: 3px;
color: rgba(255, 255, 255, 0.7);
font-family: var(--code-font);
line-height: 22px
}
.markup-2BOw-j pre > .hljs:before {
height: 10px;
color: rgba(255, 255, 255, 0.3);
line-height: 10px;
opacity: 1
}
.hljs:before {
display: block;
float: right;
text-align: right;
line-height: 100%;
opacity: .5
}
.mentioned-xhSam7:before {
background-color: var(--main-color)
}
.mentioned-xhSam7 {
background-color: rgba(255, 255, 255, 0.05)
}
.message-2qnXI6.mentioned-xhSam7.selected-2P5D_Z, .mouse-mode.full-motion .mentioned-xhSam7:hover {
background-color: rgba(255, 255, 255, 0.08)
}
.theme-dark .mentioned-xhSam7 .mention.interactive:hover {
color: var(--hover-color);
text-decoration: none
}
.operations-36ENbA > a {
color: var(--main-color)
}
.timestampCozyAlt-1Hs08c {
width: 2.9rem !important
}
.platform-win .sidebar-2K8pFh {
border-radius: 0
}
#bd-settingspane-container .ui-switch-item .ui-switch-wrapper .ui-switch.checked {
background-color: var(--main-color)
}
#bd-settingspane-container .ui-switch-item .ui-switch-wrapper .ui-switch {
background-color: rgba(255, 255, 255, 0.3)
}
.isUnread-3Ef-o9 {
border-color: var(--main-color)
}
.unreadPill-2HyYtt {
background-color: var(--main-color)
}
.unreadPillCapStroke-7rkHbg {
fill: var(--main-color);
color: var(--main-color)
}
.premiumRetentionNotice-1MsjHe {
background-color: var(--background-overlay)
}
.emojiPicker-3m1S-j .stickyHeader-1SS0JU {
display: none
}
.tabBar-2UKwcE .tabBarItem-1Cg-MI:after {
background: var(--main-color);
border-radius: 3px
}
.tabBar-2UKwcE .tabBarItem-1Cg-MI[style*="color: rgb(255, 255, 255)"] {
color: #fff !important
}
.container-cMG81i, .theme-dark .emojiAliasInput-1y-NBz .emojiInput-1aLNse, .input-2A_zIr:focus {
background-color: var(--background-overlay)
}
.theme-dark .popoutList-T9CKZQ {
background-color: var(--backdrop-overlay)
}
.selectableItem-1MP3MQ.selected-31soGA {
background-color: var(--main-color) !important
}
.content-1o0f9g {
background: rgba(255, 255, 255, 0.07);
color: var(--main-color);
text-transform: uppercase;
opacity: 0.9
}
.isUnread-3Ef-o9 .content-1o0f9g {
color: var(--main-color)
}
.messagesWrapper-3lZDfY .jumpToPresentBar-9P20AM {
padding-bottom: 0px
}
.protip-YaFfgO, .footer-1kmXd4 {
display: none
}
.defaultValue-3gC7yw .markValue-2DwdXI {
color: var(--success-color)
}
.accountBtn-2Nozo3 .accountBtnInner-sj5jLs {
background-color: var(--background-overlay)
}
.theme-dark .container-3ayLPN {
background-color: var(--backdrop-overlay)
}
.username-1A8OIy.clickable-1bVtEA:hover {
text-decoration: none
}
.button-1I8KM5 {
background-color: var(--backdrop-overlay)
}
.button-1I8KM5:hover {
background-color: var(--hover-color)
}
.descriptionBox-1EKQKL {
background-color: var(--background-overlay)
}
.headerText-2F0828 {
overflow: visible;
color: var(--main-color)
}
.privateChannelsHeaderContainer-3NB1K1:before {
content: "";
height: 2px;
flex-grow: 1;
transition: all .3s ease-in-out;
background: linear-gradient(to left, var(--main-color) 50%, transparent);
margin-right: 5px;
margin-top: 7px
}
.privateChannelsHeaderContainer-3NB1K1:after {
content: "";
height: 2px;
flex-grow: 1;
transition: all .3s ease-in-out;
background: linear-gradient(to right, var(--main-color) 50%, transparent);
margin-left: 5px;
margin-top: 7px
}
.content-3at_AU:after {
border-radius: 4px
}
.content-3at_AU:before {
border-radius: 4px
}
.toolbar-1t6TWx .iconWrapper-2OrFZ1 [mask] {
mask: none;
-webkit-mask: none
}
.toolbar-1t6TWx .iconWrapper-2OrFZ1 [mask] > .icon-22AiRD {
background: transparent
}
.iconBadge-qZ4Ksk {
display: block !important;
background-color: var(--main-color)
}
.theme-dark .header-2-Imhb .tabBar-1kuXvJ .tab-ck0077.active-1MbGPa, .messageContainer-gbhlwo {
background-color: var(--background-overlay)
}
.tertiary-aMXF0g:hover, .secondary-dIudih:hover {
background-color: var(--hover-color)
}
.tertiary-aMXF0g, .secondary-dIudih {
background-color: var(--main-color)
}
.channelHeader-3Gd2xq {
background-color: var(--backdrop-overlay)
}
.jumpIcon-2diCoP, .tertiary-aMXF0g, .secondary-dIudih {
color: #fff
}
.guildIcon-3Co6k- {
background-color: transparent
}
.scrollableContainer-2NUZem {
background-color: var(--background-overlay);
border: 2px solid rgba(255, 255, 255, 0.07);
transition: all .15s ease-in-out
}
.scrollableContainer-2NUZem:focus-within {
border: 2px solid var(--main-color);
transition: all .15s ease-in-out
}
.attachButton-2WznTc {
padding: 10px 10px 10px 28px !important
}
.placeholder-37qJjk, .slateTextArea-1Mkdgw {
padding-left: 10px
}
.sansAttachButton-td2irx {
padding-left: 0px
}
.selectorButtonSelected-336oUc {
background-color: var(--main-color)
}
.theme-dark .selectorButton-wjWyGe:not(.selectorButtonSelected-336oUc):hover {
background-color: var(--hover-color)
}
.theme-dark .tooltipGrey-1hnvTt .tooltipPointer-3ZfirK {
border-top-color: rgba(0, 0, 0, 0.9)
}
.theme-dark .tooltipGrey-1hnvTt {
background-color: rgba(0, 0, 0, 0.9)
}
.wrapper-2qzCYF.minimum-28Z35l, .wrapper-2qzCYF {
background-color: rgba(0, 0, 0, calc(var(--background-shading) * 0.6))
}
.controlButton-2MhVEL.leaveButton-2YnTyt, .controlButton-2MhVEL.leaveButton-2YnTyt:hover {
background: var(--danger-color)
}
.tile-2gi3tr, .container-2x5lvQ {
background: transparent
}
.noiseCancellationPopout-iRK2A0 {
background-color: var(--backdrop-overlay)
}
.content-2Sfaij > .background-ujHpbY {
background-color: transparent !important
}
.border-3dQmSY.speaking-WDn8Wm {
box-shadow: inset 0 0 0 2px var(--main-color)
}
.wrapper-3EGhDO > div > button {
border-radius: 50%
}
.centerButton-3CaNcJ {
background-color: rgba(0, 0, 0, calc(var(--background-shading) * 0.6))
}
.centerButton-3CaNcJ.active-1QRrIS {
background-color: var(--main-color)
}
.centerButton-3CaNcJ.active-1QRrIS:hover, .centerButton-3CaNcJ:hover {
background-color: var(--hover-color)
}
.streamPreview-3YL8OQ {
background-color: var(--background-color)
}
.imageSelected-4Kl81J {
border-color: var(--main-color)
}
.button-1YfofB.buttonColor-7qQbGO {
padding: 0px
}
.participantsButton-KYW-IW {
background-color: var(--background-overlay)
}
.participantsButton-KYW-IW:hover {
background-color: var(--backdrop-overlay)
}
.contentWrapper-2txmjs {
background-color: var(--background-overlay)
}
.wrapper-2N7X54, .categoryWrapper-UZ5YNj, .inspector-sdLnLS, .navButtonActive-3RPAJy, .categoryItemDefaultCategorySelected-_HCKoz, .header-1TOWci .searchBar--fTZYa {
background-color: transparent
}
.theme-dark .emojiItemImageLoading-1yEIxx {
background-image: url()
}
.emojiPicker-3PwZFl {
background-color: var(--backdrop-overlay)
}
.guildIcon-3h-1IH {
background-color: transparent
}
.scrollerThemed-2oenus.themeHidden-2yP93k .scroller-2FKFPG::-webkit-scrollbar {
display: none
}
.category-3Xkx2x, .guildName-10c_vS {
color: white
}
.emojiItem-14v6tW.emojiItemSelected-1aLkfV, .categoryItemDefaultCategorySelected-_HCKoz:hover {
background: var(--background-modifier-hover)
}
.diversitySelectorPopout-3FiGaM {
background-color: var(--background-overlay);
border-color: var(--background-overlay)
}
.diversityEmojiItem-L6_IXw:hover, .guildIcon-3h-1IH:hover {
background-color: var(--background-modifier-hover)
}
.container-VSDcQc .header-2bNvm4 {
background-color: rgba(0, 0, 0, 0.7)
}
.css-1wqqa50-container, .css-1rckt42-menu, .appMount-3lHmkl .searchBox-3Y2Vi7 {
background-color: var(--background-overlay)
}
.css-12o7ek3-option, .css-1gnr91b-option:hover {
background-color: var(--background-modifier-hover)
}
.premiumSubscriptionAccountCredit-25i0tQ {
background-color: var(--background-overlay)
}
.status-1XNdyw > svg > foreignObject[mask*="online"] > .status-1AY8sU {
background-color: var(--online-color) !important
}
.status-1XNdyw > svg > foreignObject[mask*="idle"] > .status-1AY8sU {
background-color: var(--idle-color) !important
}
.status-1XNdyw > svg > foreignObject[mask*="dnd"] > .status-1AY8sU {
background-color: var(--dnd-color) !important
}
.status-1XNdyw > svg > foreignObject[mask*="streaming"] > .status-1AY8sU {
background-color: var(--streaming-color) !important
}
.status-1XNdyw > svg > foreignObject[mask*="offline"] > .status-1AY8sU {
background-color: var(--offline-color) !important
}
.mask-1l8v16 > rect[fill='#43b581'] {
fill: var(--online-color) !important
}
.mask-1l8v16 > rect[fill='#faa61a'] {
fill: var(--idle-color) !important
}
.mask-1l8v16 > rect[fill='#f04747'] {
fill: var(--dnd-color) !important
}
.mask-1l8v16 > rect[fill='#593695'] {
fill: var(--streaming-color) !important
}
.mask-1l8v16 > rect[fill='#747f8d'] {
fill: var(--offline-color) !important
}
.css-n57xjs-menu {
background-color: var(--backdrop-overlay)
}
.styleFixed-sX-yHV {
background-color: var(--backdrop-overlay)
}
.colorBrand-ROmMP1 {
color: var(--main-color)
}
.colorDefault-2K3EoJ.focused-3afm-j, .colorDefault-2K3EoJ:hover:not(.hideInteraction-1iHO1O) {
background-color: var(--main-color)
}
.colorDanger-2qLCe1, .colorDanger-2qLCe1 .checkbox-3s5GYZ {
color: #f04747
}
.colorDanger-2qLCe1.focused-3afm-j, .colorDanger-2qLCe1:hover:not(.hideInteraction-1iHO1O) {
background-color: var(--danger-color)
}
.searchPage-3GKAdT .search-1iTphC .searchBox-2_mAlO {
background-color: var(--background-overlay)
}
.search-1iTphC .searchBox-2_mAlO .searchBoxInput-K6mkng {
color: var(--text-normal) !important
}
.search-1iTphC .searchBox-2_mAlO .closeIcon-2WLZc1, .search-1iTphC .searchBox-2_mAlO .searchIcon-6ljH-4, .searchPage-3GKAdT .search-1iTphC .searchBox-2_mAlO .closeIcon-2WLZc1 {
color: var(--main-color)
}
.search-1iTphC .searchBox-2_mAlO .closeIcon-2WLZc1:hover, .search-1iTphC .searchBox-2_mAlO .searchIcon-6ljH-4:hover, .searchPage-3GKAdT .search-1iTphC .searchBox-2_mAlO .closeIcon-2WLZc1:hover {
color: var(--hover-color)
}
.theme-dark .card-3DjzTQ, .theme-dark .iconMask-3b8GzQ, .theme-dark .card-3DjzTQ:hover, .theme-dark .card-3DjzTQ:hover .iconMask-3b8GzQ, .loading-17PYl_ {
background-color: var(--background-overlay)
}
.languageSelector-LEtpHP > div > div {
background-color: var(--background-overlay)
}
.spinner-3lb-NU {
background-color: var(--backdrop-overlay)
}
.categoryPill-34fszg.selected-1dONk0, .categoryItem-3zFJns.selectedCategoryItem-3X8ujp .itemInner-3gVXMG {
background-color: var(--main-color)
}
.emojiContainer-1u-_sQ {
background-color: var(--backdrop-overlay)
}
.dotOnline-8Ag7EB {
background-color: var(--online-color)
}
.dotOffline-3DXoDy {
background-color: var(--offline-color)
}
.emptyContainer-1_gwCl {
background-color: var(--background-overlay)
}
.searchPage-3GKAdT .search-1iTphC .searchBox-2_mAlO:focus, .searchPage-3GKAdT .search-1iTphC .searchBox-2_mAlO:focus-within {
border-color: var(--main-color)
}
.theme-dark .notice-2X5hT5 {
background-color: rgba(0, 0, 0, calc(var(--background-shading) * 0.8))
}
.optionContainer-15srkc {
background-color: var(--background-overlay) !important
}
.channelIcon-g61PDh {
background-color: var(--backdrop-overlay)
}
.container-2Uhd6d {
background-color: var(--backdrop-overlay)
}
.theme-dark .header-1pGpFt {
background-image: none;
background-color: var(--backdrop-overlay)
}
.channelContainer-1x3D6I .channel-2PJTLY {
background-color: var(--background-overlay)
}
.channelContainer-1x3D6I {
background-color: transparent
}
.styleFlexible-wGDiIL {
background-color: var(--background-overlay)
}
.theme-dark .elevationHigh-1PneE4 {
background-color: var(--background-overlay) !important
}
.emptyChannelIcon-3IXV5M {
display: none
}
.styleFixed-sX-yHV[aria-activedescendant*="status"] > div > div > .focused-3afm-j[id*="online"] {
background-color: var(--online-color)
}
.styleFixed-sX-yHV[aria-activedescendant*="status"] > div > div > .focused-3afm-j[id*="idle"] {
background-color: var(--idle-color)
}
.styleFixed-sX-yHV[aria-activedescendant*="status"] > div > div > .focused-3afm-j[id*="dnd"] {
background-color: var(--dnd-color)
}
.styleFixed-sX-yHV[aria-activedescendant*="status"] > div > div > .focused-3afm-j[id*="invisible"] {
background-color: var(--offline-color)
}
.scroller-3BxosC > div:not(.focused-3afm-j) > .statusItem-33LqPf > svg > foreignObject[mask*="online"] > .status-1AY8sU {
background-color: var(--online-color) !important
}
.scroller-3BxosC > div:not(.focused-3afm-j) > .statusItem-33LqPf > svg > foreignObject[mask*="idle"] > .status-1AY8sU {
background-color: var(--idle-color) !important
}
.scroller-3BxosC > div:not(.focused-3afm-j) > .statusItem-33LqPf > svg > foreignObject[mask*="dnd"] > .status-1AY8sU {
background-color: var(--dnd-color) !important
}
.scroller-3BxosC > div:not(.focused-3afm-j) > .statusItem-33LqPf > svg > foreignObject[mask*="offline"] > .status-1AY8sU {
background-color: var(--offline-color) !important
}
.colorDefault-2K3EoJ.focused-3afm-j, .colorDefault-2K3EoJ:hover:not(.hideInteraction-1iHO1O) {
background-color: var(--hover-color)
}
.tooltipContent-bqVLWK {
padding: 0px
}
.content-2Sfaij:hover .cta-2DQ2ez {
background-color: var(--background-overlay)
}
.content-2Sfaij .cta-2DQ2ez {
background-color: var(--backdrop-overlay)
}
.uploadModal-2ifh8j .inner-3nWsbo .file-34mY5K .icon-kyxXVr.image-2yrs5j {
background-color: transparent
}
.secondary-dIudih, .tertiary-aMXF0g {
color: #fff
}
.attachPopout-36hjtN {
background-color: var(--backdrop-overlay)
}
.container-3baos1 .button-14-BFJ[aria-label="Brugerindstillinger"]:hover > .contents-18-Yxp > svg {
-webkit-animation: cv-spin 2.5s linear infinite;
animation: cv-spin 2.5s linear infinite
}
.container-3baos1 .button-14-BFJ[aria-label="Benutzereinstellungen"]:hover > .contents-18-Yxp > svg {
-webkit-animation: cv-spin 2.5s linear infinite;
animation: cv-spin 2.5s linear infinite
}
.container-3baos1 .button-14-BFJ[aria-label="User Settings"]:hover > .contents-18-Yxp > svg {
-webkit-animation: cv-spin 2.5s linear infinite;
animation: cv-spin 2.5s linear infinite
}
.container-3baos1 .button-14-BFJ[aria-label="Ajustes de usuario"]:hover > .contents-18-Yxp > svg {
-webkit-animation: cv-spin 2.5s linear infinite;
animation: cv-spin 2.5s linear infinite
}
.container-3baos1 .button-14-BFJ[aria-label="Paramètres utilisateur"]:hover > .contents-18-Yxp > svg {
-webkit-animation: cv-spin 2.5s linear infinite;
animation: cv-spin 2.5s linear infinite
}
.container-3baos1 .button-14-BFJ[aria-label="Korisničke postavke"]:hover > .contents-18-Yxp > svg {
-webkit-animation: cv-spin 2.5s linear infinite;
animation: cv-spin 2.5s linear infinite
}
.container-3baos1 .button-14-BFJ[aria-label="Impostazioni utente"]:hover > .contents-18-Yxp > svg {
-webkit-animation: cv-spin 2.5s linear infinite;
animation: cv-spin 2.5s linear infinite
}
.container-3baos1 .button-14-BFJ[aria-label="Naudotojo Nustatymai"]:hover > .contents-18-Yxp > svg {
-webkit-animation: cv-spin 2.5s linear infinite;
animation: cv-spin 2.5s linear infinite
}
.container-3baos1 .button-14-BFJ[aria-label="Felhasználói beállítások"]:hover > .contents-18-Yxp > svg {
-webkit-animation: cv-spin 2.5s linear infinite;
animation: cv-spin 2.5s linear infinite
}
.container-3baos1 .button-14-BFJ[aria-label="Gebruikersinstellingen"]:hover > .contents-18-Yxp > svg {
-webkit-animation: cv-spin 2.5s linear infinite;
animation: cv-spin 2.5s linear infinite
}
.container-3baos1 .button-14-BFJ[aria-label="Brukerinnstillinger"]:hover > .contents-18-Yxp > svg {
-webkit-animation: cv-spin 2.5s linear infinite;
animation: cv-spin 2.5s linear infinite
}
.container-3baos1 .button-14-BFJ[aria-label="Ustawienia użytkownika"]:hover > .contents-18-Yxp > svg {
-webkit-animation: cv-spin 2.5s linear infinite;
animation: cv-spin 2.5s linear infinite
}
.container-3baos1 .button-14-BFJ[aria-label="Configurações de Usuário"]:hover > .contents-18-Yxp > svg {
-webkit-animation: cv-spin 2.5s linear infinite;
animation: cv-spin 2.5s linear infinite
}
.container-3baos1 .button-14-BFJ[aria-label="Setări utilizator"]:hover > .contents-18-Yxp > svg {
-webkit-animation: cv-spin 2.5s linear infinite;
animation: cv-spin 2.5s linear infinite
}
.container-3baos1 .button-14-BFJ[aria-label="Käyttäjäasetukset"]:hover > .contents-18-Yxp > svg {
-webkit-animation: cv-spin 2.5s linear infinite;
animation: cv-spin 2.5s linear infinite
}
.container-3baos1 .button-14-BFJ[aria-label="Användarinställningar"]:hover > .contents-18-Yxp > svg {
-webkit-animation: cv-spin 2.5s linear infinite;
animation: cv-spin 2.5s linear infinite
}
.container-3baos1 .button-14-BFJ[aria-label="Cài đặt người dùng"]:hover > .contents-18-Yxp > svg {
-webkit-animation: cv-spin 2.5s linear infinite;
animation: cv-spin 2.5s linear infinite
}
.container-3baos1 .button-14-BFJ[aria-label="Kullanıcı Ayarları"]:hover > .contents-18-Yxp > svg {
-webkit-animation: cv-spin 2.5s linear infinite;
animation: cv-spin 2.5s linear infinite
}
.container-3baos1 .button-14-BFJ[aria-label="Uživatelská nastavení"]:hover > .contents-18-Yxp > svg {
-webkit-animation: cv-spin 2.5s linear infinite;
animation: cv-spin 2.5s linear infinite
}
.container-3baos1 .button-14-BFJ[aria-label="Ρυθμίσεις χρήστη"]:hover > .contents-18-Yxp > svg {
-webkit-animation: cv-spin 2.5s linear infinite;
animation: cv-spin 2.5s linear infinite
}
.container-3baos1 .button-14-BFJ[aria-label="Потребителски настройки"]:hover > .contents-18-Yxp > svg {
-webkit-animation: cv-spin 2.5s linear infinite;
animation: cv-spin 2.5s linear infinite
}
.container-3baos1 .button-14-BFJ[aria-label="Настройки пользователя"]:hover > .contents-18-Yxp > svg {
-webkit-animation: cv-spin 2.5s linear infinite;
animation: cv-spin 2.5s linear infinite
}
.container-3baos1 .button-14-BFJ[aria-label="Користувацькі налаштування"]:hover > .contents-18-Yxp > svg {
-webkit-animation: cv-spin 2.5s linear infinite;
animation: cv-spin 2.5s linear infinite
}
.container-3baos1 .button-14-BFJ[aria-label="ตั้งค่าผู้ใช้"]:hover > .contents-18-Yxp > svg {
-webkit-animation: cv-spin 2.5s linear infinite;
animation: cv-spin 2.5s linear infinite
}
.container-3baos1 .button-14-BFJ[aria-label="用户设置"]:hover > .contents-18-Yxp > svg {
-webkit-animation: cv-spin 2.5s linear infinite;
animation: cv-spin 2.5s linear infinite
}
.container-3baos1 .button-14-BFJ[aria-label="ユーザー設定"]:hover > .contents-18-Yxp > svg {
-webkit-animation: cv-spin 2.5s linear infinite;
animation: cv-spin 2.5s linear infinite
}
.container-3baos1 .button-14-BFJ[aria-label="使用者設定"]:hover > .contents-18-Yxp > svg {
-webkit-animation: cv-spin 2.5s linear infinite;
animation: cv-spin 2.5s linear infinite
}
.container-3baos1 .button-14-BFJ[aria-label="사용자 설정"]:hover > .contents-18-Yxp > svg {
-webkit-animation: cv-spin 2.5s linear infinite;
animation: cv-spin 2.5s linear infinite
}
.submenu-2-ysNh {
background-color: var(--background-overlay)
}
.colorDefault-2K3EoJ .checkbox-3s5GYZ, .colorDefault-2K3EoJ .radioSelection-1HmrQS, .colorDefault-2K3EoJ.focused-3afm-j .check-1JyqgN {
color: var(--main-color)
}
.searchResultsWrap-3-pOjs, .jumpButton-1ol35X, .searchResult-2N9RV4.expanded-ovgtuV {
background-color: var(--backdrop-overlay)
}
.channelName-wvgELL, .searchResult-2N9RV4.expanded-ovgtuV {
background-color: transparent
}
.resultsBlocked-1bzMH9 {
background-color: var(--background-overlay)
}
.searchResult-2N9RV4:before, .searchResult-2N9RV4:after {
background-image: none
}
.searchResultMessage-30QnSN.hit-1CXhXT {
box-shadow: none;
background-color: var(--background-overlay)
}
.expanded-ovgtuV .searchResultMessage-30QnSN.hit-1CXhXT {
background-color: var(--background-overlay)
}
.layer-v9HyYc .messagesPopout-24nkyi .messageGroupWrapper-o-Zw7G .actionButtons-1sUUug .jumpButton-3DTcS_:hover {
background-color: var(--backdrop-overlay)
}
.button-F9qN4n.focused-3ZzkKr {
box-shadow: 0 0 2px 2px var(--hover-color)
}
.button-F9qN4n, .button-F9qN4n.focused-3ZzkKr, .button-F9qN4n:hover {
background-color: var(--backdrop-overlay)
}
.menu-3sdvDG.styleFlexible-wGDiIL {
background-color: var(--backdrop-overlay)
}
.slider-1PF9SW:focus .grabber-3mFHz2 {
box-shadow: 0 0 3px 3px var(--hover-color)
}
.tab-EiCZG6.selected-3gXBLQ, .tab-EiCZG6:hover {
border-bottom: 2px solid var(--main-color) !important
}
.theme-dark .attachment-33OFj0 {
border-color: rgba(47, 49, 54, 0.6);
background-color: rgba(47, 49, 54, 0.3)
}
.after_inlineCode-1KfVgj {
border-radius: 0px 3px 3px 0px
}
.inlineCode-2ngu6Y {
border-radius: 0px
}
.before_inlineCode-1G9rTK {
border-radius: 3px 0px 0px 3px;
background: rgba(255, 255, 255, 0.1)
}
.before_inlineCode-1G9rTK, .inlineCode-2ngu6Y, .after_inlineCode-1KfVgj {
padding: 3.5px 0.5px
}
.ace-monokai {
background-color: var(--background-overlay) !important
}
.ace-monokai .ace_gutter {
background-color: rgba(0, 0, 0, 0.5) !important
}
.ace-monokai .ace_gutter-active-line {
background-color: transparent
}
.ace-monokai .ace_marker-layer .ace_selection {
background-color: rgba(255, 255, 255, 0.1) !important
}
.ace-monokai .ace_gutter-active-line, .ace-monokai .ace_marker-layer .ace_active-line {
background-color: rgba(0, 0, 0, 0.8) !important
}
.contentRegion-3nDuYy #bd-customcss-attach-controls, #bd-customcss-detach-container #bd-customcss-attach-controls {
background-color: rgba(0, 0, 0, 0.65);
box-shadow: none
}
.standardSidebarView-3F1I7i #bd-customcss-attach-controls button, .bd-detached-css-editor #bd-customcss-attach-controls button {
background: rgba(0, 0, 0, 0.3);
border-color: rgba(0, 0, 0, 0) !important
}
.standardSidebarView-3F1I7i #bd-customcss-attach-controls button:hover, .bd-detached-css-editor #bd-customcss-attach-controls button:hover {
background-color: rgba(0, 0, 0, 0.8);
border: 2px solid var(--hover-color) !important
}
#bd-customcss-attach-controls .help-text .inline {
background: var(--background-overlay)
}
.ace_scrollbar-h {
background-color: rgba(0, 0, 0, 0.3);
height: 14px !important
}
#bd-customcss-detach-container {
background-color: transparent
}
.theme-dark .item-3T2z1R {
background-color: var(--background-overlay);
border-color: var(--background-overlay)
}
.theme-dark .denySelected-1mh2mZ {
background-color: #f04747
}
.theme-dark .allowSelected-25S_i5 {
background-color: #43b581
}
.theme-dark .passthroughSelected-1Eq0Kl {
background-color: rgba(0, 0, 0, 0.5)
}
.theme-dark .checked-3_4uQ9[style*="background-color"] {
background-color: transparent !important
}
.containerDefault-3GGEv_, .containerDefault-3GGEv_ {
padding-top: 16px
}
.theme-dark .root-1gCeng {
background-color: var(--background-overlay);
box-shadow: none
}
.theme-dark .footer-3rDWdC {
background-color: var(--backdrop-overlay);
box-shadow: none
}
.required-7sPBq3 {
color: var(--danger-color)
}
.card-1yV8cG {
background-color: rgba(0, 0, 0, 0.4)
}
.tutorial-3w5I9h, .container-enaOkj, .messages-3G3erD, .channelHeader-3Gd2xq {
background-color: var(--background-overlay)
}
.messages-3G3erD, .channelHeader-3Gd2xq {
padding-right: 10px;
padding-left: 20px
}
.collapseButton-2ZsEjz {
padding-left: 10px
}
.messageContainer-1ei2zM:hover .jumpButton-3vBz5U {
background-color: transparent
}
.tutorialIcon-3f1miQ {
background-color: var(--main-color);
color: #fff
}
.theme-dark .footer-2gL1pp {
background-color: var(--background-overlay)
}
.badge-2qGa_k:after {
background-color: var(--main-color)
}
.messageContainer-gbhlwo:hover .jumpButton-2F6EMx {
background-color: var(--backdrop-overlay)
}
.icon-1Itzco {
background-color: var(--background-overlay);
color: #fff
}
.theme-dark .row-_dKwg4:nth-child(odd) {
background-color: var(--background-overlay)
}
.enableContainer-1ZFFhM, .previewContainer-1OoJ8M, .welcomeChannel-1wxdCJ, .descriptionInput-1C1q6Z {
background-color: var(--background-overlay)
}
.theme-dark .tierHeaderUnlocked-2RhWqn {
background-color: var(--background-overlay)
}
.theme-dark .overflowRolesPopout-140n9i, .theme-dark .overflowRolesPopoutArrow-2O66oH {
background-color: var(--backdrop-overlay)
}
.listContent-2_qb-y {
background-color: transparent !important
}
.channelName-1JRO3C {
background: transparent
}
.searchResult-9tQ1uo:after {
background-image: none
}
.searchResult-9tQ1uo:before {
background-image: none
}
.searchResultMessage-1fxgXh.hit-1fVM9e {
background-color: transparent;
border: none;
box-shadow: none
}
.searchResult-9tQ1uo.expanded-w_LCGl {
background-color: var(--background-overlay);
border: none
}
.searchResult-9tQ1uo .hit-1fVM9e .messageGroupCozy-2-Q370 {
background-color: var(--background-overlay)
}
.searchResult-9tQ1uo:focus-within .jumpButton-JkYoYK, .searchResult-9tQ1uo:hover .jumpButton-JkYoYK {
background-color: var(--backdrop-overlay)
}
.expanded-w_LCGl .searchResultMessage-1fxgXh.hit-1fVM9e {
background-color: transparent
}
.scroller-9moviB {
background: transparent
}
.button-G2dHuB:hover, .button-G2dHuB:active {
background-color: var(--hover-color) !important
}
.barSecondary-3B1aP2 {
background-color: var(--main-color)
}
.imageWrapper-2p5ogY:focus {
outline-color: var(--main-color)
}
.none-2Eo-qx::-webkit-scrollbar {
width: 0px !important
}
.container-ZRw2kD {
background-color: rgba(0, 0, 0, 0.7);
border: 1px solid var(--main-color);
padding: 4px
}
.container-ZRw2kD .emojiSection-3Fb9ix {
background-color: transparent;
padding: 4px
}
.container-ZRw2kD .guildSection-1EoFKd {
background-color: rgba(0, 0, 0, 0.1);
padding: 4px
}
.container-ZRw2kD .loadingBackground-1p5N1j .loading-1lSwpg {
background: var(--main-color)
}
.scroller-1JpcIc {
background-color: transparent
}
.footer-1lnhms {
background-color: var(--background-overlay)
}
.content-RXzE-X a {
color: var(--url-color)
}
.closeButton-3sommQ {
width: 24px;
height: 24px;
right: 13px
}
.featureCard-1RR4Tl, .featureIcon-3p1TC_ {
background-color: var(--background-overlay)
}
.guildDetails-2p1NmK {
background-color: transparent
}
.colorDefault-2K3EoJ:active:not(.hideInteraction-1iHO1O) {
background-color: var(--hover-color)
}
.card-3RzMcx, .emptyChannelIcon-cc932w {
background-color: var(--background-overlay)
}
.notEnoughMembersError-1KwJkE {
background-color: var(--background-help-warning)
}
.upsellContent-1JlpHe, .upsellFooter-ZYsio_, .upsellContainer-L9xv7w {
background-color: transparent
}
.exampleModal-2X2Vf8, .optionContainer-1FtykV {
background-color: var(--background-overlay)
}
.theme-dark .card-3_CqkU, .theme-dark .iconMask-30Tvqs, .perkArt-1SGWbA {
background-color: var(--background-overlay)
}
.header-2Y0-A-, .analyticsCard-qckucw, .enableContainer-6E-puu, .checklistItem-37OOck, .previewContainer-1SS3uO, .exampleContainer-25sB-A {
background-color: var(--backdrop-overlay)
}
.iconWrapper-lS1uig {
background-color: var(--background-overlay)
}
.developerPortalCtaWrapper-2XNafh {
background-color: transparent
}
.button-2OOM0p {
color: var(--url-color)
}
.scrollbarDefault-3COgCQ {
background-color: var(--background-overlay) !important;
border-radius: 4px !important
}
.editCircle-ityklj {
background-color: var(--main-color);
color: white
}
.theme-dark .lookFilled-1Gx00P.colorPrimary-3b3xI6:active, .theme-dark .lookFilled-1Gx00P.colorPrimary-3b3xI6:hover {
background-color: var(--hover-color)
}
.badge-_BgAUQ {
background-color: var(--main-color)
}
.mediaBarProgress-1xaPtl:before, .mediaBarProgress-1xaPtl:after {
background-color: inherit
}
.members-1998pB > div {
background-color: transparent
}
.scroller-2TZvBN > :not(.listItem-2P_4kh):nth-child(2) {
justify-content: left
}
.scroller-2TZvBN > :not(.listItem-2P_4kh):nth-child(2) + .listItem-2P_4kh {
margin-left: 0px
}
.card-3Qj_Yx a {
color: var(--main-color)
}
.lookOutlined-3sRXeN.colorBrand-3pXr91 {
color: var(--main-color);
border-color: var(--main-color)
}
.lookOutlined-3sRXeN.colorBrand-3pXr91:hover {
color: var(--hover-color);
border-color: var(--hover-color)
}
.message-39hdqk {
width: 110%
}
.close-jnIfru:hover {
color: var(--danger-color)
}
.title-2Dc-Cb {
color: var(--main-color)
}
.standardSidebarView-3F1I7i > .contentRegion-3nDuYy {
background: transparent
}
.contentRegion-3nDuYy .contentRegionScroller-26nc1e, .contentRegion-3nDuYy .scroller-305q3I {
background: transparent
}
.content-3at_AU .name-3_Dsmg, .content-3at_AU .icon-1_QxNX {
color: var(--channel-color)
}
.wrapper-1ucjTd.modeSelected-1zApJ_ .content-3at_AU .name-3_Dsmg, .wrapper-1ucjTd.modeSelected-1zApJ_ .content-3at_AU .icon-1_QxNX {
color: var(--channel-color)
}
.wrapper-1ucjTd.modeMuted-3osy7j .content-3at_AU .name-3_Dsmg, .wrapper-1ucjTd.modeMuted-3osy7j .content-3at_AU .icon-1_QxNX {
color: var(--muted-color)
}
.wrapper-1ucjTd.modeUnread-1zpFdA .content-3at_AU .name-3_Dsmg, .wrapper-1ucjTd.modeUnread-1zpFdA .content-3at_AU .icon-1_QxNX {
color: var(--channel-unread)
}
.fakeLink-26oLcc, .embed-IeVjo6 > .embedTitleLink-1Zla9e, .markup-2BOw-j > a {
color: var(--url-color) !important
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment