diff --git a/css/one piece.css b/css/one piece.css
new file mode 100644
index 0000000..f0f40a6
--- /dev/null
+++ b/css/one piece.css	
@@ -0,0 +1,9427 @@
+@charset "UTF-8";
+
+: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);
+  --channel-text-selected: #fff;
+  --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;
+  --font-display: var(--main-font);
+  --text-normal: rgb(220, 221, 222);
+  --text-muted: rgb(114, 118, 125);
+  --channels-width: 220px;
+  --members-width: 240px;
+  --background-shading: 100%;
+  --background-overlay: rgba(0, 0, 0, .6);
+  --background-image: url(https://i.imgur.com/iegvqaa.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-popout-overlay: rgba(0, 0, 0, .65);
+  --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;
+}
+
+/* APP */
+.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);
+  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);
+  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;
+}
+
+.loading-Ags1CY {
+  background-color: transparent;
+}
+.loading-Ags1CY:before, .loading-Ags1CY:after {
+  content: "";
+  position: absolute;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  border: 3px solid transparent;
+  border-radius: 50%;
+  margin: auto;
+  filter: drop-shadow(0 0 3px var(--main-color));
+  -webkit-animation: cv-spin 1s ease-in-out infinite;
+          animation: cv-spin 1s ease-in-out infinite;
+}
+.loading-Ags1CY:before {
+  height: 26px;
+  width: 26px;
+  border-left-color: var(--main-color);
+  border-right-color: var(--main-color);
+}
+.loading-Ags1CY:after {
+  height: 16px;
+  width: 16px;
+  border-top-color: var(--main-color);
+  border-bottom-color: var(--main-color);
+  animation-direction: reverse;
+}
+
+::-moz-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 0.1s ease-in-out;
+}
+.anchor-3Z-8Bb:hover {
+  text-shadow: 0 0 1px;
+  text-decoration: none !important;
+}
+
+/* APP NOTICE */
+.notice-3bPHh- {
+  border-radius: 3px;
+}
+.notice-3bPHh-.noticeDefault-362Ko2 {
+  background: rgba(242, 101, 34, 0.6);
+}
+.notice-3bPHh-.noticePremium-12Zvj9 {
+  background: rgba(32, 34, 37, 0.6);
+}
+.notice-3bPHh-.noticePremiumGrandfathered-ollUxF {
+  background: linear-gradient(270deg, rgba(179, 174, 255, 0.6), rgba(115, 142, 245, 0.6));
+}
+.notice-3bPHh-.noticeInfo-3_iTE1 {
+  background: rgba(74, 144, 226, 0.6);
+}
+.notice-3bPHh-.noticeSuccess-3Y62ob {
+  background: rgba(67, 181, 129, 0.6);
+}
+.notice-3bPHh-.colorDanger-4gmAY0 {
+  background: rgba(240, 71, 71, 0.6);
+}
+.notice-3bPHh-.colorStreamerMode-2SJAUN {
+  background: rgba(89, 54, 149, 0.6);
+}
+.notice-3bPHh-.noticeFacebook-3equ5g {
+  background: rgba(53, 80, 137, 0.6);
+}
+.notice-3bPHh-.noticeSpotify-27dhr0 {
+  background: rgba(29, 185, 84, 0.6);
+}
+.notice-3bPHh-.colorBrand-2zeG8h {
+  background: rgba(114, 137, 218, 0.6);
+}
+.notice-3bPHh- .textLink-27KAGV {
+  color: #fff;
+}
+
+/* TITLEBAR */
+.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: "One Piece";
+  color: rgba(255, 255, 255, 0.7);
+  font-size: 14px;
+  text-shadow: 0 0 3px #000;
+}
+.typeWindows-1za-n7 > .wordmark-2iDDfm:after {
+  content: "v1";
+  color: rgba(255, 255, 255, 0.3);
+  font-family: var(--code-font);
+  font-size: 10px;
+}
+.typeWindows-1za-n7 > .wordmark-2iDDfm > svg {
+  filter: drop-shadow(0 0 5px var(--main-color));
+  margin-top: 6px;
+}
+.typeWindows-1za-n7 > .wordmark-2iDDfm > svg > g > path {
+  fill: var(--main-color);
+}
+.typeWindows-1za-n7 > .wordmark-2iDDfm > svg > g > path:first-child {
+  d: path("M3.57642276,0.141304348 L0,0.141304348 L0,4.22826087 L2.38069106,6.40217391 L2.38069106,2.43478261 L3.66260163,2.43478261 C4.47052846,2.43478261 4.86910569,2.83695652 4.86910569,3.4673913 L4.86910569,6.5 C4.86910569,7.13043478 4.49207317,7.55434783 3.66260163,7.55434783 L0,7.55434783 L0,9.85869565 L3.57642276,9.85869565 C5.49390244,9.86956522 7.29288618,8.90217391 7.29288618,6.66304348 L7.29288618,3.39130435 C7.29288618,1.13043478 5.49390244,0.141304348 3.57642276,0.141304348 Z M22.3310976,6.67391304 L22.3310976,3.32608696 C22.3310976,2.11956522 24.4640244,1.83695652 25.1103659,3.05434783 L27.0817073,2.23913043 C26.3168699,0.510869565 24.8949187,0 23.7207317,0 C21.803252,0 19.9073171,1.13043478 19.9073171,3.32608696 L19.9073171,6.67391304 C19.9073171,8.88043478 21.803252,10 23.6776423,10 C24.8841463,10 26.3276423,9.39130435 27.1247967,7.81521739 L25.0134146,6.82608696 C24.4963415,8.17391304 22.3310976,7.84782609 22.3310976,6.67391304 Z M15.8030488,3.7826087 C15.0597561,3.61956522 14.5642276,3.34782609 14.5319106,2.88043478 C14.575,1.75 16.2878049,1.7173913 17.2896341,2.79347826 L18.8731707,1.55434783 C17.8821138,0.326086957 16.7617886,0 15.598374,0 C13.8424797,0 12.1404472,1 12.1404472,2.91304348 C12.1404472,4.77173913 13.5408537,5.76086957 15.0813008,6 C15.8676829,6.10869565 16.7402439,6.42391304 16.7186992,6.97826087 C16.654065,8.02173913 14.5426829,7.9673913 13.5839431,6.7826087 L12.0650407,8.23913043 C12.9591463,9.40217391 14.1764228,10 15.3182927,10 C17.074187,10 19.0239837,8.9673913 19.0993902,7.08695652 C19.2071138,4.69565217 17.5050813,4.09782609 15.8030488,3.7826087 Z M8.59634146,9.85869565 L11.0093496,9.85869565 L11.0093496,0.141304348 L8.59634146,0.141304348 L8.59634146,9.85869565 Z M49.2835366,0.141304348 L45.7071138,0.141304348 L45.7071138,4.22826087 L48.0878049,6.40217391 L48.0878049,2.43478261 L49.3589431,2.43478261 C50.1668699,2.43478261 50.5654472,2.83695652 50.5654472,3.4673913 L50.5654472,6.5 C50.5654472,7.13043478 50.1884146,7.55434783 49.3589431,7.55434783 L45.6963415,7.55434783 L45.6963415,9.85869565 L49.2727642,9.85869565 C51.1902439,9.86956522 52.9892276,8.90217391 52.9892276,6.66304348 L52.9892276,3.39130435 C53,1.13043478 51.2010163,0.141304348 49.2835366,0.141304348 Z M31.7353659,0 C29.753252,0 27.7819106,1.09782609 27.7819106,3.33695652 L27.7819106,6.66304348 C27.7819106,8.89130435 29.7640244,10 31.7569106,10 C33.7390244,10 35.7103659,8.89130435 35.7103659,6.66304348 L35.7103659,3.33695652 C35.7103659,1.10869565 33.7174797,0 31.7353659,0 Z M33.2865854,6.66304348 C33.2865854,7.35869565 32.5109756,7.7173913 31.7461382,7.7173913 C30.9705285,7.7173913 30.1949187,7.36956522 30.1949187,6.66304348 L30.1949187,3.33695652 C30.1949187,2.61956522 30.9489837,2.23913043 31.7030488,2.23913043 C32.4894309,2.23913043 33.2865854,2.58695652 33.2865854,3.33695652 L33.2865854,6.66304348 Z M44.3605691,3.33695652 C44.3067073,1.05434783 42.7770325,0.141304348 40.8056911,0.141304348 L36.9815041,0.141304348 L36.9815041,9.86956522 L39.4268293,9.86956522 L39.4268293,6.77173913 L39.8577236,6.77173913 L42.0768293,9.85869565 L45.0930894,9.85869565 L42.4861789,6.52173913 C43.6495935,6.15217391 44.3605691,5.14130435 44.3605691,3.33695652 Z M40.8487805,4.65217391 L39.4268293,4.65217391 L39.4268293,2.43478261 L40.8487805,2.43478261 C42.3784553,2.43478261 42.3784553,4.65217391 40.8487805,4.65217391 Z");
+}
+.typeWindows-1za-n7 > .wordmark-2iDDfm > svg > g > path:not(:first-child) {
+  display: none;
+}
+.typeWindows-1za-n7 > .winButton-iRh8-Z {
+  top: -2px;
+  opacity: 0.7;
+  transition: all 0.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;
+}
+.typeMacOS-3EmCyP.unfocused-1QsMU3 .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.1.1";
+  color: rgba(255, 255, 255, 0.3);
+}
+
+/* HEADER BAR */
+.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);
+}
+.base-3dtUhz .chatHeaderBar-4vZS1x {
+  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);
+  filter: drop-shadow(0 0 3px);
+  width: 22px;
+}
+.container-1r6BKw .base-1x0h_U {
+  margin-left: 0;
+  color: #fff;
+  text-shadow: 0 0 3px #000;
+  font-family: var(--main-font);
+}
+.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 0.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;
+}
+
+.input-2A_zIr:focus {
+  background-color: rgba(255, 255, 255, 0.1);
+}
+
+/* HEADER BAR TOOLBAR */
+.toolbar-1t6TWx .iconWrapper-2OrFZ1 {
+  border-radius: 3px;
+  transition: all 0.3s ease-in-out;
+}
+.toolbar-1t6TWx .iconWrapper-2OrFZ1 .icon-22AiRD {
+  opacity: 0.5;
+  transition: all 0.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: 0.7;
+}
+.toolbar-1t6TWx .iconWrapper-2OrFZ1.clickable-3rdHwn:hover .icon-22AiRD {
+  opacity: 1;
+}
+.toolbar-1t6TWx .iconWrapper-2OrFZ1 > svg:not(.icon-22AiRD) {
+  color: var(--main-color);
+  filter: drop-shadow(0 0 5px);
+  transition: filter 0.3s ease-in-out;
+}
+.toolbar-1t6TWx .iconWrapper-2OrFZ1:hover > svg:not(.icon-22AiRD) {
+  filter: drop-shadow(0 0 5px) drop-shadow(0 0 10px);
+}
+.toolbar-1t6TWx [name=Nova_Bell].icon-22AiRD > g,
+.toolbar-1t6TWx [name=Nova_Bell].icon-22AiRD > path, .toolbar-1t6TWx [name=Nova_BellOff].icon-22AiRD > g,
+.toolbar-1t6TWx [name=Nova_BellOff].icon-22AiRD > path, .toolbar-1t6TWx [name=Nova_Pin].icon-22AiRD > g,
+.toolbar-1t6TWx [name=Nova_Pin].icon-22AiRD > path, .toolbar-1t6TWx [name=Nova_People].icon-22AiRD > g,
+.toolbar-1t6TWx [name=Nova_People].icon-22AiRD > path, .toolbar-1t6TWx [name=Nova_At].icon-22AiRD > g,
+.toolbar-1t6TWx [name=Nova_At].icon-22AiRD > path, .toolbar-1t6TWx [name=Nova_Help].icon-22AiRD > g,
+.toolbar-1t6TWx [name=Nova_Help].icon-22AiRD > path, .toolbar-1t6TWx [name=Nova_ChatNew].icon-22AiRD > g,
+.toolbar-1t6TWx [name=Nova_ChatNew].icon-22AiRD > path, .toolbar-1t6TWx [name=Nova_CallJoin].icon-22AiRD > g,
+.toolbar-1t6TWx [name=Nova_CallJoin].icon-22AiRD > path, .toolbar-1t6TWx [name=Nova_CallVideo].icon-22AiRD > g,
+.toolbar-1t6TWx [name=Nova_CallVideo].icon-22AiRD > path, .toolbar-1t6TWx [name=Nova_UserAdd].icon-22AiRD > g,
+.toolbar-1t6TWx [name=Nova_UserAdd].icon-22AiRD > path, .toolbar-1t6TWx [name=Nova_Downloading].icon-22AiRD > g,
+.toolbar-1t6TWx [name=Nova_Downloading].icon-22AiRD > path {
+  display: none;
+}
+.toolbar-1t6TWx [name=Nova_Bell].icon-22AiRD {
+  background: url(https://clearvision.gitlab.io/icons/notifications.svg) center/24px no-repeat;
+}
+.toolbar-1t6TWx [name=Nova_BellOff].icon-22AiRD {
+  background: url(https://clearvision.gitlab.io/icons/notifications_off.svg) center/24px no-repeat;
+}
+.toolbar-1t6TWx [name=Nova_Pin].icon-22AiRD {
+  background: url(https://clearvision.gitlab.io/icons/pin.svg) center/24px no-repeat;
+}
+.toolbar-1t6TWx [name=Nova_People].icon-22AiRD {
+  background: url(https://clearvision.gitlab.io/icons/people.svg) center/24px no-repeat;
+}
+.toolbar-1t6TWx [name=Nova_At].icon-22AiRD {
+  background: url(https://clearvision.gitlab.io/icons/mail.svg) center/24px no-repeat;
+}
+.toolbar-1t6TWx [name=Nova_Help].icon-22AiRD {
+  background: url(https://clearvision.gitlab.io/icons/help.svg) center/24px no-repeat;
+}
+.toolbar-1t6TWx [name=Nova_ChatNew].icon-22AiRD {
+  background: url(https://clearvision.gitlab.io/icons/group_add.svg) center/24px no-repeat;
+}
+.toolbar-1t6TWx [name=Nova_CallJoin].icon-22AiRD {
+  background: url(https://clearvision.gitlab.io/icons/call.svg) center/24px no-repeat;
+}
+.toolbar-1t6TWx [name=Nova_CallVideo].icon-22AiRD {
+  background: url(https://clearvision.gitlab.io/icons/videocam.svg) center/24px no-repeat;
+}
+.toolbar-1t6TWx [name=Nova_UserAdd].icon-22AiRD {
+  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 [name=Nova_Downloading].icon-22AiRD {
+  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 [name=Nova_Download].icon-22AiRD {
+  color: var(--main-color);
+  opacity: 1;
+  filter: drop-shadow(0 0 5px);
+  transition: filter 0.3s ease-in-out;
+}
+.toolbar-1t6TWx .iconWrapper-2OrFZ1 [name=Nova_Download].icon-22AiRD .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 [name=Nova_Download].icon-22AiRD {
+  filter: drop-shadow(0 0 5px) drop-shadow(0 0 10px);
+}
+.toolbar-1t6TWx .link-2T7oYD {
+  opacity: 0.5;
+  transition: all 0.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;
+}
+
+.iconBadge-qZ4Ksk {
+  background-color: var(--main-color);
+}
+
+/* HEADER BAR SEARCH BARS */
+.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 0.2s ease-in-out 0.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::placeholder {
+  color: rgba(255, 255, 255, 0.3);
+}
+.libraryFilter-31ZUa2 .icon-1S6UIr {
+  color: rgba(255, 255, 255, 0.5);
+  transition: all 0.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::placeholder {
+  color: rgba(255, 255, 255, 0.3);
+}
+.browseSearch-e9jF-f .icon-1S6UIr {
+  color: rgba(255, 255, 255, 0.5);
+  transition: all 0.15s ease-in-out;
+}
+.browseSearch-e9jF-f .iconLayout-3OgqU3:hover .clear--Eywng {
+  color: #fff;
+}
+
+.container-3ayLPN .queryContainer-RKFJW- .keybindShortcutSearchPopout-1MAfqq > span {
+  display: none;
+}
+
+/* HEADER BAR TOP PILL */
+.container-1r6BKw .topPill-30KHOu .item-PXvHYJ {
+  font-size: 14px;
+}
+.container-1r6BKw .topPill-30KHOu .item-PXvHYJ.themed-OHr7kt {
+  background-color: transparent;
+  color: rgba(255, 255, 255, 0.5);
+  transition: all 0.3s ease-in-out;
+}
+.container-1r6BKw .topPill-30KHOu .item-PXvHYJ.themed-OHr7kt:hover {
+  background-color: rgba(0, 0, 0, 0.5);
+  color: rgba(255, 255, 255, 0.7);
+}
+.container-1r6BKw .topPill-30KHOu .item-PXvHYJ.themed-OHr7kt.selected-3s45Ha {
+  background-color: var(--main-color);
+  color: #fff;
+}
+
+/* HEADER BAR BREADCRUMBS */
+.breadcrumbs-SOzMJD {
+  margin-left: 2px;
+}
+.breadcrumbs-SOzMJD .breadcrumb-22XhB5 {
+  margin: 0 3px;
+  transition: all 0.15s ease-in-out;
+}
+.breadcrumbs-SOzMJD .breadcrumbArrow-1bJVKv {
+  transition: all 0.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 .breadcrumbArrow-1bJVKv.directionRight-O8AY4M {
+  color: rgba(255, 255, 255, 0.7);
+  transform: rotateY(180deg) rotateZ(-90deg) translateY(3px);
+}
+
+/* GUILDS */
+.layer-3QrUeG .wrapper-3NnKdC {
+  background-color: transparent;
+}
+
+.platform-osx .wrapper-3NnKdC {
+  margin-top: 0;
+  padding-top: 48px;
+}
+.platform-osx .wrapper-3NnKdC:before {
+  content: "";
+  height: 48px;
+  margin-top: -48px;
+  background-color: rgba(0, 0, 0, 0.3);
+}
+
+.wrapper-3NnKdC {
+  box-shadow: inset 0 0 20px rgba(0, 0, 0, calc(var(--background-shading) * .3));
+}
+
+.scrollerWrap-1IAIlv {
+  width: auto;
+}
+
+.scroller-1Bvpku {
+  background: transparent;
+}
+
+.tree-2wKJdG {
+  outline: none;
+}
+
+.homeIcon-FuNwkv {
+  width: 100%;
+  height: 100%;
+  background: var(--home-icon) var(--home-position)/var(--home-size) no-repeat;
+}
+.homeIcon-FuNwkv > path {
+  display: none;
+}
+
+.friendsOnline-2JkivW {
+  background: transparent;
+  color: rgba(255, 255, 255, 0.7);
+  text-transform: uppercase;
+  border-radius: 25px;
+  transition: all 0.3s ease-in-out;
+  cursor: default;
+}
+.friendsOnline-2JkivW:hover {
+  color: #fff;
+}
+
+.icon-27yU2q {
+  background-color: rgba(0, 0, 0, 0.3);
+}
+
+.wrapper-sa6paO {
+  overflow: hidden;
+}
+
+.item-2hkk8m {
+  width: 12px;
+  margin-left: -6px;
+  border-radius: 20px;
+  background: var(--main-color);
+  box-shadow: 0 0 20px -1px var(--main-color);
+}
+[style*="height: 8px"].item-2hkk8m {
+  height: 10px !important;
+}
+
+.childWrapper-anI2G9 {
+  background: rgba(0, 0, 0, 0.3);
+  color: rgba(255, 255, 255, 0.7);
+  transition: all 0.3s ease-in-out;
+}
+
+.wrapper-1BJsBx:hover .childWrapper-anI2G9, .wrapper-1BJsBx.selected-bZ3Lue .childWrapper-anI2G9 {
+  background: var(--main-color);
+  color: #fff;
+}
+
+.dragInner-Oq_toX {
+  background: rgba(255, 255, 255, 0.1);
+}
+
+.iconBadge-3qSJIw {
+  background: rgba(0, 0, 0, 0.7);
+  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.7);
+}
+.iconBadge-3qSJIw.participating-1NvRVd {
+  background: var(--main-color);
+  box-shadow: 0 0 0 1px var(--main-color);
+}
+.iconBadge-3qSJIw.participating-1NvRVd .icon-3s6X1M {
+  color: #fff;
+}
+
+.icon-3s6X1M {
+  padding: 1px;
+  color: var(--main-color);
+  filter: drop-shadow(0 0 3px var(--main-color));
+}
+
+.wrapper-3Njo_c .expandedFolderBackground-1cujaW {
+  background: rgba(255, 255, 255, 0.04);
+  border-radius: 16px 16px 24px 24px;
+  transition: background-color 0.3s ease-in-out;
+}
+.wrapper-3Njo_c .expandedFolderBackground-1cujaW.collapsed-2ZrjoL {
+  background: transparent;
+}
+
+.folder-1hbNCn {
+  background: rgba(255, 255, 255, 0.07);
+  transition: all 0.3s ease-in-out;
+}
+.folder-1hbNCn.hover-qTxTR_ {
+  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-GuPuDH {
+  -webkit-animation: cv-fade-in 0.3s ease-in-out;
+          animation: cv-fade-in 0.3s ease-in-out;
+}
+
+.circleIconButton-1QV--U {
+  background: rgba(0, 0, 0, 0.3);
+  color: rgba(255, 255, 255, 0.7);
+  transition: all 0.3s ease-in-out;
+}
+.circleIconButton-1QV--U:hover, .circleIconButton-1QV--U.selected-1JjBPm {
+  background: var(--main-color);
+  color: #fff;
+}
+
+.guildsError-g6NwOI {
+  background: rgba(0, 0, 0, 0.5);
+  border: 2px solid var(--danger-color);
+  color: #fff;
+  transition: all 0.3s ease-in-out;
+}
+.guildsError-g6NwOI:hover {
+  background: var(--danger-color);
+  border-color: var(--danger-color);
+}
+
+.guildSeparator-33mFX6 {
+  background: rgba(255, 255, 255, 0.1);
+}
+
+/* CHANNEL LIST */
+.sidebar-2K8pFh {
+  width: var(--channels-width);
+  background: rgba(0, 0, 0, calc(var(--background-shading) * .3));
+}
+.platform-win .sidebar-2K8pFh {
+  border-radius: 0;
+}
+
+.container-3w7J-x {
+  background: transparent;
+}
+.container-3w7J-x .header-2V-4Sw {
+  height: 48px;
+  color: #fff;
+  font-family: var(--main-font);
+  font-weight: 600;
+  text-shadow: 0 0 3px #000;
+}
+.container-3w7J-x .animatedContainer-1NSq4T {
+  background: transparent;
+  box-shadow: none;
+}
+.container-3w7J-x .bannerImage-3KhIJ6 {
+  width: var(--channels-width);
+  -webkit-mask: linear-gradient(to bottom, #000, transparent);
+  mask: linear-gradient(to bottom, #000, transparent);
+}
+.container-3w7J-x .spine--Wla_O {
+  color: var(--main-color);
+}
+
+/* CHANNEL CATEGORY */
+.containerDefault-3tr_sE, .containerDragAfter-Zk9oyx, .containerDragBefore-1YqewQ, .containerUserOver-98-yc7 {
+  padding-top: 16px;
+}
+
+.wrapper-PY0fhH {
+  padding-left: 10px;
+  padding-right: 0;
+  transition: all 0.3s ease-in-out;
+}
+
+.icon-2yIBmh {
+  display: none;
+}
+
+.name-3l27Hl {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  color: var(--main-color);
+  font-weight: 700;
+  text-align: center;
+  transition: all 0.3s ease-in-out;
+  opacity: 0.7;
+}
+.name-3l27Hl:before {
+  content: "";
+  height: 2px;
+  flex-grow: 1;
+  transition: all 0.3s ease-in-out;
+  background: linear-gradient(to left, var(--main-color) 50%, transparent);
+  margin-right: 5px;
+}
+.name-3l27Hl:after {
+  content: "";
+  height: 2px;
+  flex-grow: 1;
+  transition: all 0.3s ease-in-out;
+  background: linear-gradient(to right, var(--main-color) 50%, transparent);
+  margin-left: 5px;
+}
+.mainContent-2h-GEV:hover .name-3l27Hl {
+  opacity: 1;
+}
+
+.sidebar-2K8pFh .containerDefault-3tr_sE .wrapper-PY0fhH .name-3l27Hl, .sidebar-2K8pFh .containerDragAfter-Zk9oyx .wrapper-PY0fhH .name-3l27Hl, .sidebar-2K8pFh .containerDragBefore-1YqewQ .wrapper-PY0fhH .name-3l27Hl, .sidebar-2K8pFh .containerUserOver-98-yc7 .wrapper-PY0fhH .name-3l27Hl {
+  color: var(--main-color);
+}
+
+.children-L002ao {
+  margin-left: 3px;
+}
+
+.collapsed-2-tg8y .name-3l27Hl:before, .collapsed-2-tg8y .name-3l27Hl:after {
+  flex-grow: 0;
+}
+
+.muted-2JBAyG {
+  opacity: 0.5;
+}
+
+.addButtonIcon-2CbG1X {
+  color: var(--main-color);
+  opacity: 0.7;
+  transition: all 0.3s ease-in-out;
+}
+.addButtonIcon-2CbG1X:hover {
+  color: var(--main-color);
+  opacity: 1;
+}
+
+/* CHANNEL */
+.content-1x5b-n {
+  transition: all 0.15s ease-in-out;
+}
+
+.content-1x5b-n {
+  position: relative;
+  background: transparent !important;
+}
+.content-1x5b-n:before {
+  content: "";
+  position: absolute;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  transition: all 0.15s ease-in-out;
+  z-index: -1;
+  pointer-events: none;
+  border-radius: 4px;
+}
+.content-1x5b-n:after {
+  content: "";
+  position: absolute;
+  top: 0;
+  right: 100%;
+  bottom: 0;
+  left: 0;
+  opacity: 0.9;
+  transition: all 0.3s ease-in-out;
+  z-index: -1;
+  pointer-events: none;
+  border-radius: 4px;
+}
+.content-1x5b-n .icon-1DeIlz {
+  width: 18px;
+  height: 18px;
+  margin-right: 3px;
+  color: var(--channel-color);
+  opacity: 1;
+  transition: all 0.15s ease-in-out;
+}
+.content-1x5b-n .icon-1DeIlz > path {
+  opacity: 0.7;
+}
+.content-1x5b-n .icon-1DeIlz > path:last-of-type {
+  opacity: 1;
+}
+.content-1x5b-n .name-23GUGE {
+  color: var(--channel-color);
+  transition: all 0.15s ease-in-out;
+}
+.content-1x5b-n .subtitle-3V1p2E {
+  color: rgba(255, 255, 255, 0.7);
+}
+
+.children-Bmpf2Q {
+  margin-left: 1px;
+  -webkit-animation: cv-fade-to-3 0.15s ease-in-out;
+          animation: cv-fade-to-3 0.15s ease-in-out;
+}
+
+.actionIcon-PgcMM2 {
+  color: #fff;
+  opacity: 0.3;
+  transition: all 0.15s ease-in-out;
+}
+.actionIcon-PgcMM2:hover {
+  opacity: 0.7;
+}
+
+.wrapper-2jXpOf:hover .content-1x5b-n:before {
+  background: rgba(255, 255, 255, 0.1);
+}
+.containerDefault--pIXnN .wrapper-2jXpOf:hover .content-1x5b-n .mainContent-u_9PKf .icon-1DeIlz,
+.containerDefault--pIXnN .wrapper-2jXpOf:hover .content-1x5b-n .mainContent-u_9PKf .name-23GUGE {
+  color: rgba(255, 255, 255, 0.7);
+}
+.wrapper-2jXpOf.modeUnread-1qO3K1 .content-1x5b-n .mainContent-u_9PKf .name-23GUGE {
+  color: var(--channel-unread);
+  text-shadow: 0 0 3px;
+}
+.wrapper-2jXpOf.modeUnread-1qO3K1 .content-1x5b-n .mainContent-u_9PKf .icon-1DeIlz {
+  color: var(--channel-unread);
+  filter: drop-shadow(0 0 3px);
+  opacity: 1;
+}
+.wrapper-2jXpOf.modeUnread-1qO3K1:hover .content-1x5b-n .mainContent-u_9PKf .name-23GUGE {
+  color: var(--channel-text-selected);
+}
+.wrapper-2jXpOf.modeUnread-1qO3K1:hover .content-1x5b-n .mainContent-u_9PKf .icon-1DeIlz {
+  color: var(--channel-text-selected);
+}
+.wrapper-2jXpOf.modeSelected-346R90 .content-1x5b-n:before {
+  background: rgba(255, 255, 255, 0.1);
+}
+.wrapper-2jXpOf.modeSelected-346R90 .content-1x5b-n:after {
+  right: 0;
+  background: var(--main-color);
+  -webkit-animation: cv-channel-select 0.3s ease-in-out;
+          animation: cv-channel-select 0.3s ease-in-out;
+}
+.containerDefault--pIXnN .wrapper-2jXpOf.modeSelected-346R90 .content-1x5b-n .icon-1DeIlz,
+.containerDefault--pIXnN .wrapper-2jXpOf.modeSelected-346R90 .content-1x5b-n .name-23GUGE {
+  color: var(--channel-text-selected);
+}
+.containerDefault--pIXnN .wrapper-2jXpOf.modeSelected-346R90 .content-1x5b-n .iconLive-AtZKgD {
+  color: var(--channel-text-selected) !important;
+}
+.wrapper-2jXpOf.modeSelected-346R90 .content-1x5b-n .actionIcon-PgcMM2 {
+  opacity: 0.7;
+}
+.wrapper-2jXpOf.modeSelected-346R90 .content-1x5b-n .actionIcon-PgcMM2:hover {
+  opacity: 1;
+}
+.wrapper-2jXpOf.modeConnected-3IsKId .content-1x5b-n .mainContent-u_9PKf .name-23GUGE {
+  color: var(--main-color);
+  text-shadow: 0 0 3px;
+}
+.wrapper-2jXpOf.modeConnected-3IsKId .content-1x5b-n .mainContent-u_9PKf .icon-1DeIlz {
+  color: var(--main-color);
+  filter: drop-shadow(0 0 3px);
+}
+.wrapper-2jXpOf.modeMuted-onO3r- .content-1x5b-n .mainContent-u_9PKf .icon-1DeIlz,
+.wrapper-2jXpOf.modeMuted-onO3r- .content-1x5b-n .mainContent-u_9PKf .name-23GUGE {
+  color: var(--muted-color);
+}
+.wrapper-2jXpOf.modeMuted-onO3r-:hover .content-1x5b-n .mainContent-u_9PKf:before {
+  background: rgba(255, 255, 255, 0.07);
+}
+.containerDefault--pIXnN .wrapper-2jXpOf.modeMuted-onO3r-:hover .content-1x5b-n .mainContent-u_9PKf .icon-1DeIlz,
+.containerDefault--pIXnN .wrapper-2jXpOf.modeMuted-onO3r-:hover .content-1x5b-n .mainContent-u_9PKf .name-23GUGE {
+  color: var(--channel-color);
+}
+
+.unread-2lAfLh {
+  display: none;
+}
+
+[name=Gear].actionIcon-PgcMM2 {
+  background: url(https://clearvision.gitlab.io/icons/settings.svg) no-repeat center/18px;
+}
+[name=Gear].actionIcon-PgcMM2:hover {
+  -webkit-animation: cv-spin 2.5s linear infinite;
+          animation: cv-spin 2.5s linear infinite;
+}
+[name=Gear].actionIcon-PgcMM2 > path {
+  display: none;
+}
+[name=Invite].actionIcon-PgcMM2 {
+  background: url(https://clearvision.gitlab.io/icons/person_add.svg) no-repeat center/18px;
+}
+[name=Invite].actionIcon-PgcMM2 > path {
+  display: none;
+}
+
+.users-3kndPl,
+.total-i6us2n {
+  width: 24px;
+  color: rgba(255, 255, 255, 0.3);
+  font-weight: 600;
+  text-align: right;
+  transition: all 0.15s ease-in-out;
+}
+
+.users-3kndPl {
+  padding: 0 4px 0 6px;
+  background: rgba(0, 0, 0, 0.15);
+}
+
+.total-i6us2n {
+  padding: 0 6px 0 4px;
+  background: rgba(255, 255, 255, 0.04);
+  box-shadow: inset 1px 0 rgba(255, 255, 255, 0.07);
+}
+.total-i6us2n:after {
+  display: none;
+}
+
+.modeConnected-3IsKId .users-3kndPl {
+  color: var(--main-color);
+  text-shadow: 0 0 1px;
+}
+
+.listDefault-3ir5aS {
+  padding-left: 24px;
+}
+
+.voiceUser-1K6Xox {
+  z-index: 1;
+}
+.voiceUser-1K6Xox .content-3xS9Lh {
+  border-radius: 3px;
+  transition: all 0.15s ease-in-out;
+}
+.voiceUser-1K6Xox .avatarContainer-28iYmV {
+  position: relative;
+  transition: all 0.1s ease-in-out;
+}
+.voiceUser-1K6Xox .avatarContainer-28iYmV:after {
+  content: "";
+  position: absolute;
+  width: 0;
+  top: 0;
+  bottom: 0;
+  left: 50%;
+  background: linear-gradient(to right, var(--main-color) 10%, transparent);
+  opacity: 0.5;
+  transition: all 0.1s ease-in-out, width 0.15s ease-in-out;
+  pointer-events: none;
+  z-index: -1;
+}
+.voiceUser-1K6Xox .avatarSpeaking-2IGMRN {
+  box-shadow: 0 0 0 2px var(--main-color), inset 0 0 3px rgba(0, 0, 0, 0.5);
+}
+.voiceUser-1K6Xox .avatarSpeaking-2IGMRN:after {
+  top: -2px;
+  bottom: -2px;
+  width: 100px;
+}
+.voiceUser-1K6Xox .username-3KYl0N {
+  color: rgba(255, 255, 255, 0.5);
+  transition: all 0.1s ease-in-out;
+}
+.voiceUser-1K6Xox .usernameSpeaking-RmltQx {
+  color: #fff !important;
+}
+
+.audienceVoiceUserIconContainer-29oflP {
+  background-color: var(--main-color);
+  color: #fff;
+}
+
+.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-1YqewQ:before, .containerDragAfter-Zk9oyx:before, .containerDragBefore-1YqewQ:after, .containerDragAfter-Zk9oyx:after,
+.containerDragBefore-3iTCc7:before,
+.containerDragAfter-3Fp7LC:before,
+.containerDragBefore-3iTCc7:after,
+.containerDragAfter-3Fp7LC:after {
+  background: var(--main-color);
+  border-radius: 0;
+}
+
+.containerUserOver-2mv1jO:after {
+  background: var(--main-color);
+  border-color: transparent;
+  opacity: 0.1;
+}
+
+/* CHANNEL LIST PANELS */
+.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: 0.3;
+  transition: all 0.1s ease-in-out;
+}
+.button-14-BFJ.enabled-2cQ-u7:hover {
+  background: transparent;
+}
+.button-14-BFJ:hover > .contents-18-Yxp > svg {
+  opacity: 0.7;
+}
+.button-14-BFJ.disabled-2iW-fm > .contents-18-Yxp > svg {
+  opacity: 0.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 0.5s ease-in-out;
+}
+.container-3baos1:before {
+  content: "One Piece by, UltraLion";
+  right: 50%;
+  text-align: right;
+  transform: translateX(50%);
+}
+.container-3baos1:after {
+  content: "v1";
+  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 0.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 0.15s ease-in-out;
+  pointer-events: none;
+}
+.container-3baos1 .avatar-SmRMf2 foreignObject {
+  transition: all 0.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: 0.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 > .flex-1O1GKY {
+  background: rgba(0, 0, 0, 0.3);
+  border-radius: 5px;
+  padding: 5px;
+}
+.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 0.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);
+}
+
+/* CHANNEL INDICATORS */
+.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: 0.9;
+  z-index: -1;
+  transition: all 0.15s ease-in-out;
+}
+.unread-1xRYoj:hover:after,
+.mention-1f5kbO:hover:after {
+  opacity: 1;
+}
+
+/* PRIVATE CHANNELS */
+.privateChannels-1nO12o {
+  background: transparent;
+}
+.privateChannels-1nO12o .scroller-1JbKMe {
+  background: transparent;
+}
+.privateChannels-1nO12o .privateChannelsHeaderContainer-3NB1K1 {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  color: var(--main-color);
+  font-weight: 700;
+  text-align: center;
+}
+.privateChannels-1nO12o .privateChannelsHeaderContainer-3NB1K1:before {
+  content: "";
+  height: 2px;
+  flex-grow: 1;
+  transition: all 0.3s ease-in-out;
+  background: linear-gradient(to left, var(--main-color) 50%, transparent);
+  margin-right: 5px;
+}
+.privateChannels-1nO12o .privateChannelsHeaderContainer-3NB1K1:after {
+  content: "";
+  height: 2px;
+  flex-grow: 1;
+  transition: all 0.3s ease-in-out;
+  background: linear-gradient(to right, var(--main-color) 50%, transparent);
+  margin-left: 5px;
+}
+.privateChannels-1nO12o .privateChannelsHeaderContainer-3NB1K1 .headerText-2F0828 {
+  overflow: visible;
+}
+.privateChannels-1nO12o .privateChannelsHeaderContainer-3NB1K1 .privateChannelRecipientsInviteButtonIcon-3A3uTc {
+  color: var(--main-color);
+  transition: all 0.1s ease-in-out;
+}
+.privateChannels-1nO12o .privateChannelsHeaderContainer-3NB1K1 .privateChannelRecipientsInviteButtonIcon-3A3uTc:hover {
+  color: var(--hover-color);
+}
+.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 0.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: 0.9;
+  transition: all 0.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 0.15s ease-in-out;
+}
+.privateChannels-1nO12o .channel-2QD9_O .linkButtonIcon-Mlm5d6 {
+  color: rgba(255, 255, 255, 0.3);
+  transition: all 0.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: 0.3;
+}
+.privateChannels-1nO12o .channel-2QD9_O:hover .closeButton-2GCmT5:hover {
+  opacity: 0.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 0.3s ease-in-out;
+          animation: cv-channel-select 0.3s ease-in-out;
+}
+.privateChannels-1nO12o .channel-2QD9_O.selected-aXhQR6 .linkButtonIcon-Mlm5d6 {
+  color: #fff;
+}
+
+.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::placeholder {
+  color: rgba(255, 255, 255, 0.3);
+}
+
+/* CHANNEL NOTICE */
+.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: 0.3;
+  filter: grayscale(1) brightness(1.5);
+  pointer-events: none;
+}
+.channelNotices-41mJbj .channelNotice-1-XFjC .close-relY5R {
+  opacity: 0.3;
+  transition: all 0.15s ease-in-out;
+}
+.channelNotices-41mJbj .channelNotice-1-XFjC .close-relY5R:hover {
+  opacity: 0.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 0.15s ease-in-out;
+}
+.channelNotices-41mJbj .channelNotice-1-XFjC .message-3SOT5P .btn-11C5_u:hover {
+  background: rgba(255, 255, 255, 0.2);
+  color: #fff;
+}
+
+/* CHAT */
+.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 .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 {
+  filter: hue-rotate(-47deg) saturate(2);
+  opacity: 0.5;
+}
+.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: 0.5;
+  transition: inherit;
+  z-index: -1;
+}
+.gatedContent-3-B7qB .actionRed-gYn8D3:hover {
+  color: #fff;
+}
+.gatedContent-3-B7qB .actionRed-gYn8D3:hover:after {
+  opacity: 0.7;
+}
+
+.base-3dtUhz .noChannel-Z1DQK7 {
+  background: rgba(0, 0, 0, 0.5);
+}
+
+.noChannel-Z1DQK7 .image-1GzsFd {
+  filter: grayscale(1) brightness(2);
+  opacity: 0.3;
+}
+.noChannel-Z1DQK7 .title-2BxgL2 {
+  color: rgba(255, 255, 255, 0.5);
+}
+.noChannel-Z1DQK7 .text-GwUZgS {
+  color: rgba(255, 255, 255, 0.3);
+}
+
+/* CHAT DIVIDER */
+.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);
+}
+
+.content-1o0f9g {
+  background: rgba(255, 255, 255, 0.07);
+  color: var(--main-color);
+  text-transform: uppercase;
+  opacity: 0.9;
+}
+
+/* CHAT BARS */
+.newMessagesBar-265mhP {
+  background: transparent;
+  transition: all 0.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: 0.8;
+  z-index: -1;
+  transition: all 0.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 {
+  color: #fff;
+}
+
+.jumpToPresentBar-G1R9s6 {
+  background: rgba(0, 0, 0, 0.7);
+  border-radius: 3px;
+  transition: all 0.15s ease-in-out;
+  padding-bottom: 0px;
+  max-height: 24px;
+}
+.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);
+}
+
+/* CHAT CHANNEL TEXT AREA */
+.form-2fGMdU {
+  margin-top: 1px;
+}
+.form-2fGMdU:before {
+  display: none;
+}
+.form-2fGMdU .charcounter {
+  color: rgba(255, 255, 255, 0.3);
+}
+
+.channelTextArea-2VhZ6z {
+  background: rgba(0, 0, 0, 0.6);
+  transition: all 0.15s ease-in-out;
+}
+.channelTextArea-2VhZ6z:focus-within {
+  box-shadow: 0 0 2px 2px var(--main-color);
+}
+.channelTextArea-2VhZ6z .scrollableContainer-2NUZem {
+  background: transparent;
+  border: 2px solid transparent;
+}
+.channelTextArea-2VhZ6z .attachButton-2WznTc {
+  padding: 10px 10px 10px 12px;
+}
+.channelTextArea-2VhZ6z .attachButton-2WznTc .attachButtonPlus-jWVFah {
+  color: rgba(255, 255, 255, 0.7);
+  transition: all 0.15s ease-in-out;
+}
+.channelTextArea-2VhZ6z .attachButton-2WznTc:hover .attachButtonPlus-jWVFah {
+  color: rgba(255, 255, 255, 0.9);
+}
+.channelTextArea-2VhZ6z .textArea-12jD-V .placeholder-37qJjk {
+  color: rgba(255, 255, 255, 0.4);
+  padding-left: 10px;
+}
+.channelTextArea-2VhZ6z .textArea-12jD-V .slateTextArea-1Mkdgw {
+  padding-left: 10px;
+}
+.channelTextArea-2VhZ6z .button-3AYNKb {
+  color: rgba(255, 255, 255, 0.7);
+  transition: all 0.15s ease-in-out;
+}
+.channelTextArea-2VhZ6z .button-3AYNKb:hover {
+  color: rgba(255, 255, 255, 0.9);
+}
+.channelTextArea-2VhZ6z .typing-2GQL18 {
+  background: transparent;
+}
+.channelTextArea-2VhZ6z .typing-2GQL18 .text-1y-e8- {
+  color: rgba(255, 255, 255, 0.5);
+}
+.channelTextArea-2VhZ6z .typing-2GQL18 .text-1y-e8- > strong {
+  color: rgba(255, 255, 255, 0.7);
+  font-weight: 700;
+}
+
+.wrapper-39oAo3 {
+  background-color: rgba(0, 0, 0, 0.6);
+}
+
+.attachedBars-tZDmyV {
+  background: transparent;
+}
+
+.stackedAttachedBar-3A2J3X {
+  border-bottom: 1px solid rgba(255, 255, 255, 0.07);
+}
+
+.replyBar-1YLQ2F,
+.threadSuggestionBar-2ufK2Z {
+  background: transparent;
+  border: 2px solid transparent;
+}
+
+.mentionButton-3710-W {
+  padding: 4px;
+  margin-right: 3px;
+}
+.colorMuted-HdFt4q.mentionButton-3710-W {
+  color: #f04747;
+}
+.colorLink-2vG20E.mentionButton-3710-W {
+  color: #43b581;
+}
+
+.closeButton-37O8QC {
+  padding: 8px 16px 8px 4px;
+  margin-left: 4px;
+}
+
+.separator-ju-9xl {
+  visibility: hidden;
+  height: 0px;
+  width: 0px;
+}
+
+.option-1B5ZV8.active-2awTSY {
+  background-color: var(--main-color) !important;
+}
+
+.theme-dark .pill-2pQByF {
+  background-color: var(--main-color);
+  color: #fff;
+}
+
+.tabButton-1n4gNP {
+  border: 1px solid var(--hover-color);
+  border-radius: 3px;
+  box-shadow: inset 0 -4px var(--main-color);
+}
+.tabButton-1n4gNP path:first-child,
+.tabButton-1n4gNP rect {
+  fill: transparent;
+}
+
+/* CHAT CHANNEL TEXT AREA AUTOCOMPLETE */
+.chat-3bRxxu .autocomplete-1vrmpx {
+  background: transparent;
+  overflow: hidden;
+}
+
+.autocomplete-1vrmpx .autocompleteInner-zh20B_ {
+  background: rgba(0, 0, 0, 0.8);
+  -webkit-animation: cv-menu-slide-bottom 0.2s ease-in-out;
+          animation: cv-menu-slide-bottom 0.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 .descriptionDiscriminator-3vUOCc {
+  color: rgba(255, 255, 255, 0.15);
+}
+.autocomplete-1vrmpx .selected-1Tbx07 {
+  background: var(--main-color) !important;
+}
+.autocomplete-1vrmpx .selected-1Tbx07 > .content-Qb0rXO {
+  color: #fff;
+}
+.autocomplete-1vrmpx .selected-1Tbx07 .iconForeground-1w5n7R {
+  fill: rgba(255, 255, 255, 0.7);
+}
+.autocomplete-1vrmpx .selected-1Tbx07 .autocompleteRowContentSecondary-1tgI-F,
+.autocomplete-1vrmpx .selected-1Tbx07 .descriptionDiscriminator-3vUOCc,
+.autocomplete-1vrmpx .selected-1Tbx07 .autocompleteRowSubheading-WqMMIl {
+  color: #fff;
+}
+
+.wrapper-uf3cnO,
+.list-A0BHjR,
+.categoryHeader-O1zU94 {
+  background-color: transparent;
+}
+
+.selected-3xBBKs {
+  background-color: var(--main-color);
+}
+.selected-3xBBKs:hover {
+  background-color: var(--main-color);
+}
+
+.theme-dark .option-1B5ZV8 {
+  background-color: rgba(0, 0, 0, 0.5);
+}
+
+/* PRIVATE CALL */
+.wrapper-2qzCYF {
+  background: rgba(0, 0, 0, calc(var(--background-shading) * .6));
+}
+
+.wrapper-2qzCYF.minimum-28Z35l {
+  background: rgba(0, 0, 0, calc(var(--background-shading) * .6));
+}
+
+.tile-2gi3tr {
+  background-color: transparent;
+}
+
+.participantsButton-KYW-IW {
+  background-color: rgba(0, 0, 0, 0.4);
+}
+.participantsButton-KYW-IW:hover {
+  background-color: rgba(0, 0, 0, 0.6);
+}
+
+.border-3dQmSY.speaking-WDn8Wm {
+  box-shadow: inset 0 0 0 2px var(--main-color);
+}
+
+.button-38aScr.centerButton-3CaNcJ {
+  border-radius: 50%;
+}
+
+.colorable-1bkp8v.primaryDark-3mSFDl {
+  background-color: rgba(0, 0, 0, 0.6);
+  color: #fff;
+}
+.colorable-1bkp8v.primaryDark-3mSFDl:hover {
+  background-color: var(--hover-color);
+  color: #fff;
+}
+.colorable-1bkp8v.white-3GPOIp {
+  color: #fff;
+}
+.colorable-1bkp8v.white-3GPOIp:not(:hover) {
+  background-color: var(--main-color) !important;
+}
+.colorable-1bkp8v.white-3GPOIp:hover {
+  background-color: var(--hover-color);
+}
+.colorable-1bkp8v.white-3GPOIp .active-1QRrIS {
+  background-color: transparent;
+}
+.colorable-1bkp8v.white-3GPOIp .centerIcon-2G6o-T,
+.colorable-1bkp8v.white-3GPOIp .slash-33-IMF {
+  color: #fff;
+}
+.colorable-1bkp8v .red-33-Lnk {
+  background-color: var(--danger-color);
+}
+
+/* CHAT WELCOME MESSAGE */
+.welcomeMessage-3_Mcht .h1-1IDj26 {
+  color: var(--main-color);
+}
+.welcomeMessage-3_Mcht .itemContainer-WiE19S .icon-2shpbb {
+  filter: grayscale(1);
+  opacity: 0.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 0.1s ease-in-out;
+}
+.welcomeMessage-3_Mcht .itemContainer-WiE19S a:hover {
+  text-shadow: 0 0 1px;
+  text-decoration: none !important;
+}
+
+/* STAGE CALL */
+.stageIconBackground-5uF4K9 {
+  background-color: var(--main-color);
+}
+
+.textInput-2xgsSa {
+  background-color: transparent;
+}
+
+.container-pTf0Ly {
+  background: rgba(0, 0, 0, calc(var(--background-shading) * .5));
+}
+
+.callContainer-3UuV6S,
+.scroller-1SuHJo {
+  background-color: transparent;
+}
+
+.gradientContainer-10lXLB {
+  background-image: none;
+}
+
+.container-2t1JyW,
+.rowContainer-2tYerQ,
+.participants-soO0aD {
+  background-color: rgba(0, 0, 0, 0.4);
+}
+
+.container-1KVp62 > svg {
+  fill: #fff;
+}
+.container-1KVp62 > svg > rect {
+  fill: var(--main-color);
+}
+
+.tileContainer-BaRAZF:hover {
+  background-color: rgba(255, 255, 255, 0.05);
+}
+
+.container-1EOCj2 {
+  background-color: rgba(0, 0, 0, 0.6);
+}
+
+.background-1vAsyP {
+  background-color: var(--main-color);
+}
+.background-1vAsyP .foreground-2XBsBU {
+  color: #fff;
+}
+
+/* MESSAGE */
+.message-2qnXI6 .avatar-1BDn8e {
+  transition: all 0.3s ease-in-out, transform 0.1s ease-in-out;
+}
+.message-2qnXI6 .avatar-1BDn8e:active {
+  transform: scale(0.9);
+}
+.message-2qnXI6 .timestamp-3ZCmNB {
+  text-align: center;
+  color: rgba(255, 255, 255, 0.5);
+}
+.message-2qnXI6 .container-3-pyIM {
+  color: rgba(255, 255, 255, 0.5);
+}
+.message-2qnXI6 .markup-2BOw-j {
+  color: var(--text-normal);
+}
+.message-2qnXI6 .mentioned-xhSam7 {
+  background: rgba(255, 255, 255, 0.1);
+}
+.message-2qnXI6 .mentioned-xhSam7:after {
+  background: rgba(255, 255, 255, 0.1);
+  border-left: 4px solid var(--main-color);
+  border-radius: 2px 0 0 2px;
+}
+.message-2qnXI6 .markup-2BOw-j .blockquoteDivider-2hH8H6 {
+  background: rgba(255, 255, 255, 0.2);
+  border-radius: 0;
+}
+.message-2qnXI6 > 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;
+}
+.message-2qnXI6 > div[style^="border-radius: 2px;"][style$="0);"] {
+  -webkit-animation: none;
+          animation: none;
+}
+
+.fakeLink-26oLcc,
+.embed-IeVjo6 > .embedTitleLink-1Zla9e,
+.markup-2BOw-j a,
+.content-s2SEQO a,
+.colorLink-2vG20E {
+  color: var(--url-color) !important;
+}
+
+.repliedMessage-VokQwo:before {
+  border-color: var(--main-color);
+}
+.repliedMessage-VokQwo .repliedTextPreview-2NBljf {
+  opacity: 0.7;
+}
+.repliedMessage-VokQwo .repliedTextPreview-2NBljf.clickable-1bVtEA:hover {
+  opacity: 1;
+}
+.repliedMessage-VokQwo .repliedTextPreview-2NBljf .repliedTextContent-1R3vnK {
+  color: #fff;
+}
+.repliedMessage-VokQwo .repliedTextPreview-2NBljf .repliedTextPlaceholder-dmN7D1 {
+  color: var(--main-color);
+}
+.repliedMessage-VokQwo .repliedTextContentIcon-1ivTae {
+  opacity: 0.7;
+}
+.repliedTextPreview-2NBljf:hover + .repliedMessage-VokQwo .repliedTextContentIcon-1ivTae {
+  opacity: 1;
+}
+.repliedMessage-VokQwo.executedCommand-2GE3w2 .commandName-1klrjB {
+  color: var(--main-color);
+}
+
+.cozy-3raOZG.hasThread-2k82W0:after {
+  border-color: var(--main-color);
+}
+
+.wrapper-2aW0bm {
+  background-color: transparent;
+}
+.wrapper-2aW0bm .button-1ZiXG9 {
+  color: rgba(255, 255, 255, 0.7);
+}
+.wrapper-2aW0bm .button-1ZiXG9:hover, .wrapper-2aW0bm .button-1ZiXG9.selected-LCBEAU {
+  background-color: rgba(255, 255, 255, 0.1);
+  color: #fff;
+}
+
+.theme-dark .operations-36ENbA {
+  color: rgba(255, 255, 255, 0.5);
+}
+.theme-dark .operations-36ENbA > a {
+  color: var(--main-color);
+}
+
+.replying-1x3H0T {
+  background-color: rgba(255, 255, 255, 0.05);
+}
+.mouse-mode.full-motion .replying-1x3H0T:hover {
+  background-color: rgba(255, 255, 255, 0.08);
+}
+.replying-1x3H0T:before {
+  background-color: var(--main-color);
+}
+
+/* MESSAGE REACTION */
+.reaction-1hd86g {
+  background-color: rgba(255, 255, 255, 0.05);
+  border-radius: 3px;
+  transition: all 0.15s ease-in-out;
+}
+.reaction-1hd86g:hover {
+  background-color: rgba(255, 255, 255, 0.2);
+}
+.reaction-1hd86g:hover .reactionCount-2mvXRV {
+  color: rgba(255, 255, 255, 0.9);
+}
+.reaction-1hd86g .reactionInner-15NvIl {
+  padding: 0 5px;
+}
+.reaction-1hd86g .reactionCount-2mvXRV {
+  color: rgba(255, 255, 255, 0.4);
+}
+.reaction-1hd86g.reactionMe-wv5HKu {
+  background-color: rgba(255, 255, 255, 0.1);
+  border-color: transparent;
+}
+.reaction-1hd86g.reactionMe-wv5HKu .reactionCount-2mvXRV {
+  color: var(--main-color);
+}
+.reaction-1hd86g.reactionMe-wv5HKu:hover {
+  background-color: rgba(255, 255, 255, 0.2);
+}
+.reaction-1hd86g.reactionMe-wv5HKu:hover .reactionCount-2mvXRV {
+  color: var(--hover-color);
+}
+
+/* INVITE LINK */
+.theme-dark .wrapper-35wsBm {
+  background: rgba(0, 0, 0, 0.4);
+  border-color: transparent;
+}
+.theme-dark .wrapper-35wsBm .h5-18_1nd {
+  color: rgba(255, 255, 255, 0.5);
+}
+.theme-dark .wrapper-35wsBm .guildName-2hvnt_ {
+  color: var(--main-color);
+  transition: all 0.1s ease-in-out;
+}
+.theme-dark .wrapper-35wsBm .guildName-2hvnt_:hover {
+  text-shadow: 0 0 1px;
+  text-decoration: none !important;
+}
+.theme-dark .wrapper-35wsBm .guildNameExpired-2Hp80V {
+  color: var(--danger-color);
+}
+.theme-dark .wrapper-35wsBm .guildIcon-lQ0uiM {
+  background-color: rgba(255, 255, 255, 0.04);
+}
+.theme-dark .wrapper-35wsBm .guildIconExpired-2Qcq05 {
+  position: relative;
+  background-size: 0;
+  background: rgba(255, 255, 255, 0.04);
+}
+.theme-dark .wrapper-35wsBm .guildIconExpired-2Qcq05:before, .theme-dark .wrapper-35wsBm .guildIconExpired-2Qcq05:after {
+  content: "";
+  position: absolute;
+  top: 10%;
+  bottom: 10%;
+  left: 50%;
+  width: 6px;
+  background: var(--danger-color);
+  border-radius: 1px;
+}
+.theme-dark .wrapper-35wsBm .guildIconExpired-2Qcq05:after {
+  transform: translateX(-50%) rotate(45deg);
+}
+.theme-dark .wrapper-35wsBm .guildIconExpired-2Qcq05:before {
+  transform: translateX(-50%) rotate(-45deg);
+}
+.theme-dark .wrapper-35wsBm .guildDetail-1nRKNE {
+  padding-left: 1px;
+  margin-left: -1px;
+  color: rgba(255, 255, 255, 0.3);
+}
+.theme-dark .wrapper-35wsBm .statusOnline-8PnF5L {
+  background: var(--online-color);
+  color: var(--online-color);
+}
+.theme-dark .wrapper-35wsBm .statusOffline-37RKt7 {
+  background: var(--offline-color);
+  color: var(--offline-color);
+}
+.theme-dark .wrapper-35wsBm .button-3To2tQ {
+  border-color: transparent;
+}
+.theme-dark .wrapper-35wsBm .lookFilled-1Gx00P.colorGreen-29iAKY {
+  background: transparent;
+  border: 1px solid var(--success-color);
+  transition: all 0.3s ease-in-out;
+}
+.theme-dark .wrapper-35wsBm .lookFilled-1Gx00P.colorGreen-29iAKY:hover {
+  background: var(--success-color);
+}
+.theme-dark .wrapper-35wsBm .lookOutlined-3sRXeN.colorPrimary-3b3xI6 {
+  background: rgba(255, 255, 255, 0.1);
+  border-color: transparent;
+  opacity: 0.3;
+  cursor: default;
+}
+.theme-dark .wrapper-35wsBm .lookFilled-1Gx00P.colorBrand-3pXr91 {
+  background: transparent;
+  border: 1px solid var(--danger-color);
+  transition: all 0.3s ease-in-out;
+}
+.theme-dark .wrapper-35wsBm .lookFilled-1Gx00P.colorBrand-3pXr91:hover {
+  background: var(--danger-color);
+}
+
+/* EMBED */
+.embed-IeVjo6 {
+  background: rgba(0, 0, 0, 0.3);
+}
+.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 0.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 {
+  filter: grayscale(1) brightness(2);
+  opacity: 0.3;
+}
+
+/* EMBED MEDIA PLAYER */
+.theme-dark .wrapper-2TxpI8 {
+  background-color: rgba(0, 0, 0, 0.4);
+  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: 0.5;
+  transition: all 0.15s ease-in-out;
+}
+.wrapper-2TxpI8 .metadataDownload-1fk90V:hover,
+.wrapper-2TxpI8 .controlIcon-3cRbti:hover {
+  opacity: 1;
+}
+.wrapper-2TxpI8 .metadataIcon-2FyCKU {
+  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: 0.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 0.15s ease-in-out;
+}
+
+.mediaBarProgress-1xaPtl:before, .mediaBarProgress-1xaPtl:after {
+  background: var(--main-color);
+}
+
+.mediaBarPreview-1jfyFs {
+  opacity: 0;
+  transition: opacity 0.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 0.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: 0.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;
+  filter: drop-shadow(0 0 1px rgba(0, 0, 0, 0.3));
+}
+.mediaBarInteraction-37i2O4:hover .bubble-3qRl2J,
+.mediaBarInteractionDragging-2QurIZ .bubble-3qRl2J {
+  transform: translateX(-50%);
+}
+
+/* ACTIVITY INVITE */
+.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 0.15s ease-in-out;
+  opacity: 0;
+}
+.invite-18yqGF:hover .helpIcon-2EyVTp {
+  opacity: 0.7;
+}
+.invite-18yqGF:hover .helpIcon-2EyVTp:hover {
+  opacity: 1;
+}
+.invite-18yqGF .artworkSpotifySessionEnded-11d_If {
+  filter: grayscale(1) brightness(2);
+  opacity: 0.3;
+}
+.invite-18yqGF .partyMemberEmpty-2iyh5g {
+  background: rgba(255, 255, 255, 0.07);
+}
+
+/* CODEBLOCK */
+.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 code.inline + pre {
+  margin-top: -1px;
+}
+.markup-2BOw-j pre {
+  max-width: 93%;
+  padding: 0;
+  background: transparent;
+  border: 2px solid rgba(255, 255, 255, 0.05);
+  border-radius: 8px;
+  font-family: var(--code-font);
+}
+.markup-2BOw-j pre > .hljs {
+  position: relative;
+  padding: 6px;
+  background: rgba(0, 0, 0, 0.42);
+  border: none;
+  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);
+}
+
+.before_inlineCode-1G9rTK, .after_inlineCode-1KfVgj {
+  background: rgba(255, 255, 255, 0.05);
+  padding: 3.5px 0.5px;
+}
+
+.inlineCode-2ngu6Y {
+  background: rgba(255, 255, 255, 0.1);
+  padding: 3.5px 0.5px;
+}
+
+/* CODEBLOCK LANGUAGES */
+.hljs:before {
+  display: block;
+  float: right;
+  text-align: right;
+  line-height: 100%;
+  opacity: 0.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~=as i]:before, .hljs[class~=actionscript i]:before {
+  content: "ActionScript";
+}
+.hljs[class~=ada i]:before {
+  content: "Ada";
+}
+.hljs[class~=apacheconf i]:before, .hljs[class~=apache i]:before {
+  content: "Apache";
+}
+.hljs[class~=osascript i]:before, .hljs[class~=applescript i]:before {
+  content: "Applescript";
+}
+.hljs[class~=arduino i]:before {
+  content: "Arduino";
+}
+.hljs[class~=arm i]:before, .hljs[class~=armasm i]:before {
+  content: "ARM Assembly";
+}
+.hljs[class~=adoc i]:before, .hljs[class~=asciidoc 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~=zsh i]:before, .hljs[class~=sh i]:before, .hljs[class~=bash i]:before {
+  content: "Bash";
+}
+.hljs[class~=basic i]:before {
+  content: "Basic";
+}
+.hljs[class~=cmd i]:before, .hljs[class~=bat i]:before, .hljs[class~=dos i]:before {
+  content: "Batch";
+}
+.hljs[class~=bf i]:before, .hljs[class~=bnf i]:before {
+  content: "BNF";
+}
+.hljs[class~=brainfuck i]:before {
+  content: "Brainfuck";
+}
+.hljs[class~=h i]:before, .hljs[class~=c i]:before {
+  content: "C/C++";
+}
+.hljs[class~=hpp i]:before, .hljs[class~=cpp i]:before, .hljs[class~=cc i]:before {
+  content: "C++";
+}
+.hljs[class~=csharp i]:before, .hljs[class~=cs i]:before {
+  content: "C#";
+}
+.hljs[class~=cal i]:before {
+  content: "C/AL";
+}
+.hljs[class~=capnp i]:before, .hljs[class~=capnproto i]:before {
+  content: "Cap'n Proto";
+}
+.hljs[class~=ceylon i]:before {
+  content: "Ceylon";
+}
+.hljs[class~=dcl i]:before, .hljs[class~=icl i]:before, .hljs[class~=clean i]:before {
+  content: "Clean";
+}
+.hljs[class~=clj i]:before, .hljs[class~=clojure i]:before {
+  content: "Clojure";
+}
+.hljs[class~=clojure-repl i]:before {
+  content: "Clojure REPL";
+}
+.hljs[class~=cmake i]:before {
+  content: "CMake";
+}
+.hljs[class~=iced i]:before, .hljs[class~=cson i]:before, .hljs[class~=coffee i]:before, .hljs[class~=coffeescript i]:before {
+  content: "CoffeeScript";
+}
+.hljs[class~=coq i]:before {
+  content: "Coq";
+}
+.hljs[class~=cls i]:before, .hljs[class~=cos i]:before {
+  content: "Caché Object Script";
+}
+.hljs[class~=podspec i]:before {
+  content: "CocoaPod";
+}
+.hljs[class~=pcmk i]:before, .hljs[class~=crm i]:before, .hljs[class~=crmsh i]:before {
+  content: "crmsh";
+}
+.hljs[class~=cr i]:before, .hljs[class~=crystal 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~=dpr i]:before, .hljs[class~=dfm i]:before, .hljs[class~=delphi i]:before {
+  content: "Delphi (Object Pascal)";
+}
+.hljs[class~=patch i]:before, .hljs[class~=diff i]:before {
+  content: "Diff";
+}
+.hljs[class~=django i]:before {
+  content: "Django";
+}
+.hljs[class~=zone i]:before, .hljs[class~=bind i]:before, .hljs[class~=dns i]:before {
+  content: "DNS Zone File";
+}
+.hljs[class~=docker i]:before, .hljs[class~=dockerfile i]:before {
+  content: "Dockerfile";
+}
+.hljs[class~=dsconfig i]:before {
+  content: "dsconfig";
+}
+.hljs[class~=dts i]:before {
+  content: "Device Tree";
+}
+.hljs[class~=dst i]:before, .hljs[class~=dust 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~=erl i]:before, .hljs[class~=erlang i]:before {
+  content: "Erlang";
+}
+.hljs[class~=erlang-repl i]:before {
+  content: "Erlang REPL";
+}
+.hljs[class~=xlsx i]:before, .hljs[class~=xls i]:before, .hljs[class~=excel i]:before {
+  content: "Excel";
+}
+.hljs[class~=fsharp i]:before, .hljs[class~=fs i]:before {
+  content: "F#";
+}
+.hljs[class~=fix i]:before {
+  content: "Fix";
+}
+.hljs[class~=flix i]:before {
+  content: "Flix";
+}
+.hljs[class~=f95 i]:before, .hljs[class~=f90 i]:before, .hljs[class~=fortran i]:before {
+  content: "Fortran";
+}
+.hljs[class~=gms i]:before, .hljs[class~=gams i]:before {
+  content: "GAMS";
+}
+.hljs[class~=gss i]:before, .hljs[class~=gauss i]:before {
+  content: "GAUSS";
+}
+.hljs[class~=nc i]:before, .hljs[class~=gcode i]:before {
+  content: "G-code";
+}
+.hljs[class~=feature i]:before, .hljs[class~=gherkin i]:before {
+  content: "Gherkin";
+}
+.hljs[class~=glsl i]:before {
+  content: "GLSL";
+}
+.hljs[class~=golang i]:before, .hljs[class~=go 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~=hbs i]:before, .hljs[class~=handlebars i]:before {
+  content: "Handlebars";
+}
+.hljs[class~=hs i]:before, .hljs[class~=haskell i]:before {
+  content: "Haskell";
+}
+.hljs[class~=hx i]:before, .hljs[class~=haxe 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~=hylang i]:before, .hljs[class~=hy i]:before {
+  content: "Hy";
+}
+.hljs[class~=i7 i]:before, .hljs[class~=inform7 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~=jsp i]:before, .hljs[class~=java i]:before {
+  content: "Java";
+}
+.hljs[class~=jsx i]:before, .hljs[class~=js i]:before, .hljs[class~=javascript i]:before {
+  content: "JavaScript/JSX";
+}
+.hljs[class~=xjb i]:before {
+  content: "JAXB (XML)";
+}
+.hljs[class~=wildfly-cli i]:before, .hljs[class~=jboss-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~=ls i]:before, .hljs[class~=lassoscript i]:before, .hljs[class~=lasso 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~=ls i]:before, .hljs[class~=livescript 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~=mak i]:before, .hljs[class~=mk i]:before, .hljs[class~=makefile i]:before {
+  content: "Makefile";
+}
+.hljs[class~=mkdown i]:before, .hljs[class~=mkd i]:before, .hljs[class~=md i]:before, .hljs[class~=markdown i]:before {
+  content: "Markdown";
+}
+.hljs[class~=mma i]:before, .hljs[class~=mathematica 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~=moo i]:before, .hljs[class~=m i]:before, .hljs[class~=mercury i]:before {
+  content: "Mercury";
+}
+.hljs[class~=mips i]:before, .hljs[class~=mipsasm i]:before {
+  content: "MIPS Assembly";
+}
+.hljs[class~=mikrotik i]:before, .hljs[class~=routeros 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~=moon i]:before, .hljs[class~=moonscript i]:before {
+  content: "MoonScript";
+}
+.hljs[class~=n1ql i]:before {
+  content: "N1QL";
+}
+.hljs[class~=nginxconf i]:before, .hljs[class~=nginx i]:before {
+  content: "Nginx";
+}
+.hljs[class~=nim i]:before, .hljs[class~=nimrod i]:before {
+  content: "Nimrod";
+}
+.hljs[class~=nixos i]:before, .hljs[class~=nix i]:before {
+  content: "Nix";
+}
+.hljs[class~=nsis i]:before {
+  content: "NSIS";
+}
+.hljs[class~=mm i]:before, .hljs[class~=obj-c i]:before, .hljs[class~=objc i]:before, .hljs[class~=objectivec i]:before {
+  content: "Objective-C";
+}
+
+.hljs[class~=ml i]:before, .hljs[class~=ocaml i]:before {
+  content: "OCaml";
+}
+.hljs[class~=scad i]:before, .hljs[class~=openscad 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~=lpr i]:before, .hljs[class~=lfm i]:before, .hljs[class~=lazarus i]:before, .hljs[class~=freepascal i]:before, .hljs[class~=pas i]:before, .hljs[class~=pascal i]:before {
+  content: "Pascal/Object Pascal";
+}
+.hljs[class~=pm i]:before, .hljs[class~=pl i]:before, .hljs[class~=perl i]:before {
+  content: "Perl";
+}
+.hljs[class~=pf i]:before {
+  content: "OpenBSD PF";
+}
+.hljs[class~=php6 i]:before, .hljs[class~=php5 i]:before, .hljs[class~=php4 i]:before, .hljs[class~=php3 i]:before, .hljs[class~=php i]:before {
+  content: "PHP";
+}
+.hljs[class~=pony i]:before {
+  content: "Pony";
+}
+.hljs[class~=ps i]:before, .hljs[class~=powershell 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~=pp i]:before, .hljs[class~=puppet i]:before {
+  content: "Puppet";
+}
+.hljs[class~=pbi i]:before, .hljs[class~=pb i]:before, .hljs[class~=purebasic i]:before {
+  content: "PureBASIC";
+}
+.hljs[class~=gyp i]:before, .hljs[class~=py i]:before, .hljs[class~=python i]:before {
+  content: "Python";
+}
+.hljs[class~=profile i]:before {
+  content: "Python profile";
+}
+.hljs[class~=kdb i]:before, .hljs[class~=k i]:before, .hljs[class~=q i]:before {
+  content: "Q";
+}
+.hljs[class~=qt i]:before, .hljs[class~=qml 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~=instances i]:before, .hljs[class~=graph i]:before, .hljs[class~=roboconf i]:before {
+  content: "Roboconf";
+}
+.hljs[class~=rss i]:before {
+  content: "RSS Feed (XML)";
+}
+.hljs[class~=rb i]:before, .hljs[class~=ruby i]:before {
+  content: "Ruby";
+}
+.hljs[class~=thor i]:before {
+  content: "Thor (Ruby)";
+}
+.hljs[class~=gemspec i]:before {
+  content: "Ruby Gem";
+}
+.hljs[class~=rs i]:before, .hljs[class~=rust i]:before {
+  content: "Rust";
+}
+.hljs[class~=scala i]:before {
+  content: "Scala";
+}
+.hljs[class~=scheme i]:before {
+  content: "Scheme";
+}
+.hljs[class~=sci i]:before, .hljs[class~=scilab i]:before {
+  content: "Scilab";
+}
+.hljs[class~=scss i]:before {
+  content: "SCSS";
+}
+.hljs[class~=console i]:before, .hljs[class~=shell i]:before {
+  content: "Shell";
+}
+.hljs[class~=smali i]:before {
+  content: "Smali";
+}
+.hljs[class~=st i]:before, .hljs[class~=smalltalk i]:before {
+  content: "Smalltalk";
+}
+.hljs[class~=ml i]:before, .hljs[class~=sml 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~=ado i]:before, .hljs[class~=do i]:before, .hljs[class~=stata i]:before {
+  content: "Stata";
+}
+.hljs[class~=p21 i]:before, .hljs[class~=stp i]:before, .hljs[class~=step i]:before, .hljs[class~=step21 i]:before {
+  content: "STEP Part 21";
+}
+.hljs[class~=styl i]:before, .hljs[class~=stylus 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~=tk i]:before, .hljs[class~=tcl 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~=craftcms i]:before, .hljs[class~=twig i]:before {
+  content: "Twig";
+}
+.hljs[class~=ts i]:before, .hljs[class~=typescript i]:before {
+  content: "TypeScript";
+}
+.hljs[class~=vala i]:before {
+  content: "Vala";
+}
+.hljs[class~=vb i]:before, .hljs[class~=vbnet i]:before {
+  content: "VB.NET";
+}
+.hljs[class~=vbs i]:before, .hljs[class~=vbscript i]:before {
+  content: "VBScript";
+}
+.hljs[class~=vbscript-html i]:before {
+  content: "VBScript HTML";
+}
+.hljs[class~=svh i]:before, .hljs[class~=sv i]:before, .hljs[class~=v i]:before, .hljs[class~=verilog 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~=tao i]:before, .hljs[class~=xl i]:before {
+  content: "XL";
+}
+.hljs[class~=xpath i]:before, .hljs[class~=xq i]:before, .hljs[class~=xquery i]:before {
+  content: "XQuery";
+}
+.hljs[class~=yml i]:before, .hljs[class~=yaml 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~=zep i]:before, .hljs[class~=zephir i]:before {
+  content: "Zephir";
+}
+/* MENTIONS */
+.topic-TCb_qw .wrapper-3WhCwL,
+.topic-TCb_qw .mention,
+.markup-2BOw-j .wrapper-3WhCwL,
+.markup-2BOw-j .mention {
+  padding: 0 4px;
+  border-radius: 5px;
+  line-height: 22px;
+  font-weight: 500;
+  white-space: nowrap;
+  transition: all 0.15s ease-in-out;
+  cursor: pointer;
+}
+.topic-TCb_qw .wrapper-3WhCwL,
+.markup-2BOw-j .wrapper-3WhCwL {
+  background-color: 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-color: 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;
+}
+
+.mentioned-xhSam7 {
+  background-color: rgba(255, 255, 255, 0.05);
+}
+.mentioned-xhSam7.message-2qnXI6.selected-2P5D_Z {
+  background-color: rgba(255, 255, 255, 0.08);
+}
+.mouse-mode.full-motion .mentioned-xhSam7:hover {
+  background-color: rgba(255, 255, 255, 0.08);
+}
+.mentioned-xhSam7::before {
+  background-color: var(--main-color);
+}
+.theme-dark .mentioned-xhSam7 .wrapper-3WhCwL.interactive {
+  color: var(--main-color);
+}
+.theme-dark .mentioned-xhSam7 .wrapper-3WhCwL.interactive:hover {
+  color: #fff;
+  text-decoration: none;
+}
+
+.wrapper-3WhCwL {
+  color: var(--main-color);
+}
+.wrapper-3WhCwL:hover {
+  background-color: var(--main-color);
+}
+
+/* MESSAGE SPOILER */
+.contents-2mQqc9 .spoilerText-3p6IlD {
+  background: rgba(255, 255, 255, 0.04);
+  transition: all 0.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.8);
+}
+.contents-2mQqc9 .spoilerText-3p6IlD.hidden-HHr2R9:hover {
+  background: rgba(0, 0, 0, 0.6);
+}
+.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 0.15s ease-in-out;
+}
+.spoilerContainer-331r0R .spoiler-1PPAUc,
+.spoilerContainer-331r0R .spoilerEmbed-1fzvzg > .embedInner-1-fpTo {
+  transition: all 0.15s ease-in-out;
+}
+.spoilerContainer-331r0R .hiddenSpoilers-1ksnR6,
+.spoilerContainer-331r0R .hiddenSpoiler-3i0zpa > .embedInner-1-fpTo {
+  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 {
+  filter: blur(30px);
+}
+.spoilerContainer-331r0R:hover .hiddenSpoiler-3i0zpa > .embedInner-1-fpTo {
+  filter: blur(30px);
+}
+
+/* MESSAGE ATTACHMENT */
+.theme-dark .attachment-33OFj0 {
+  background: rgba(255, 255, 255, 0.06);
+  border-color: rgba(255, 255, 255, 0.08);
+}
+
+.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: 0.5;
+}
+:not(.embedWrapper-3AbfJJ) > [title=unknown].icon-1kp3fr {
+  background-image: url(https://clearvision.gitlab.io/icons/file_upload.svg);
+}
+[title=document].icon-1kp3fr {
+  background-image: url(https://clearvision.gitlab.io/icons/file_document.svg);
+}
+[title=archive].icon-1kp3fr {
+  background-image: url(https://clearvision.gitlab.io/icons/file_archive.svg);
+}
+[title=code].icon-1kp3fr {
+  background-image: url(https://clearvision.gitlab.io/icons/file_code.svg);
+}
+[title=webcode].icon-1kp3fr {
+  background-image: url(https://clearvision.gitlab.io/icons/file_webcode.svg);
+}
+[title=ai].icon-1kp3fr, [title=ps].icon-1kp3fr, [title=photoshop].icon-1kp3fr, [title=sketch].icon-1kp3fr {
+  background-image: url(https://clearvision.gitlab.io/icons/file_image.svg);
+}
+[title=ae].icon-1kp3fr {
+  background-image: url(https://clearvision.gitlab.io/icons/file_video.svg);
+}
+[title=spreadsheet].icon-1kp3fr {
+  background-image: url(https://clearvision.gitlab.io/icons/file_table.svg);
+}
+[title=acrobat].icon-1kp3fr {
+  background-image: url(https://clearvision.gitlab.io/icons/file_pdf.svg);
+}
+
+.fileNameLink-9GuxCo {
+  color: var(--main-color);
+  transition: all 0.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 0.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;
+}
+
+/* BLOCKED MESSAGE */
+.messageGroupBlocked-3wrQQX {
+  position: relative;
+  background: rgba(0, 0, 0, 0.1) !important;
+  border: none;
+  border-radius: 0;
+  transition: all 0.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 0.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 0.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 + .divider-3gKybi {
+  margin-top: 25px;
+}
+.divider-3gKybi + .messageGroupBlocked-3wrQQX {
+  margin-top: 25px;
+}
+
+.blockedSystemMessage-2Rk1ek:hover .blockedAction-2ZyU8z {
+  color: var(--url-color);
+}
+
+/* Text Container */
+.textContainer-C0szpm {
+  background-color: rgba(0, 0, 0, 0.42);
+  border: 2px solid rgba(255, 255, 255, 0.05);
+  border-radius: 8px 8px 0 0;
+}
+
+.footer-2yA7Ep {
+  background-color: rgba(255, 255, 255, 0.1);
+  border: none;
+}
+
+.colorHeaderSecondary-3Sp3Ft {
+  color: rgba(255, 255, 255, 0.7);
+}
+.colorHeaderSecondary-3Sp3Ft:hover {
+  color: rgba(255, 255, 255, 0.9);
+}
+
+.attachmentName-1iFwvb {
+  color: rgba(255, 255, 255, 0.7);
+}
+.attachmentName-1iFwvb:hover {
+  color: rgba(255, 255, 255, 0.9);
+}
+
+.formattedSize-2PXVec {
+  color: rgba(255, 255, 255, 0.5);
+  margin: 0 5px;
+}
+.formattedSize-2PXVec:hover {
+  color: rgba(255, 255, 255, 0.7);
+}
+
+.languageSelector-2LVJrh {
+  background-color: rgba(0, 0, 0, 0.8);
+}
+.languageSelector-2LVJrh .item-2J2GlB:hover {
+  background-color: rgba(255, 255, 255, 0.05);
+}
+.languageSelector-2LVJrh .item-2J2GlB.selected-2114Fj {
+  background-color: var(--main-color);
+}
+
+.modalTextContainer-ITvzbi {
+  background-color: rgba(0, 0, 0, 0.5);
+  border: none;
+}
+
+/* Threads in Messages */
+.icon-1zIRB4 {
+  color: var(--main-color);
+  filter: drop-shadow(0 0 3px);
+  width: 22px;
+}
+
+.jump-2-Xh5Z {
+  background-color: var(--main-color);
+  color: #fff;
+}
+.jump-2-Xh5Z:hover {
+  background-color: var(--hover-color);
+  color: #fff;
+}
+
+.container-3hZ-gs {
+  background-color: rgba(0, 0, 0, 0.3);
+}
+
+/* MEMBERS */
+.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));
+}
+.membersWrap-2h-GB4 .members-1998pB > div {
+  background-color: transparent;
+}
+
+.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 0.15s ease-in-out;
+  opacity: 0.85;
+}
+.members-1998pB [style*="color:"].membersGroup-v9BXpm {
+  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 {
+  filter: grayscale(100%) blur(1px);
+  transition: all 0.5s ease-in-out;
+}
+.members-1998pB .member-3-YXUe.offline-3nJYBR:hover .avatar-3uk_u9 {
+  filter: none;
+}
+.members-1998pB .member-3-YXUe .layout-2DM8Md {
+  position: relative;
+  background: transparent;
+  transition: all 0.15s ease-in-out, transform 0.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 0.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 0.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: 0.8;
+  transition: all 0.3s ease-in-out;
+  z-index: -1;
+  pointer-events: none;
+}
+.members-1998pB .member-3-YXUe [style*="color:"].roleColor-rz2vM0:before, .members-1998pB .member-3-YXUe [style*="color:"].roleColor-rz2vM0:after {
+  background: linear-gradient(to right, currentColor 90%, transparent);
+}
+.members-1998pB .member-3-YXUe:hover .roleColor-rz2vM0:before, .members-1998pB .member-3-YXUe.selected-aXhQR6 .roleColor-rz2vM0:before {
+  opacity: 1;
+}
+.members-1998pB .member-3-YXUe:hover [style*="color:"].roleColor-rz2vM0:before, .members-1998pB .member-3-YXUe.selected-aXhQR6 [style*="color:"].roleColor-rz2vM0:before {
+  opacity: 0.07;
+}
+.members-1998pB .member-3-YXUe.selected-aXhQR6 .roleColor-rz2vM0 {
+  -webkit-text-fill-color: #fff;
+  text-shadow: 0 0 3px rgba(0, 0, 0, 0.7);
+}
+.members-1998pB .member-3-YXUe.selected-aXhQR6 .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: 0.4;
+  transition: all 0.15s ease-in-out;
+}
+.ownerIcon-uZ6mE7 > path,
+.ownerIcon-uZ6mE7 > g {
+  display: none;
+}
+
+.addMembersIcon-1Bz_VS {
+  background-color: var(--background-overlay);
+}
+
+/* TAGGED USERS */
+.contents-2mQqc9 > img ~ .header-23xsNx > .headerText-3Uvj1Y > .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 > .headerText-3Uvj1Y > .username-1A8OIy::after {
+  content: "CV Admin";
+}
+.contents-2mQqc9 > img[src*="144881947557101568"] ~ .header-23xsNx > .headerText-3Uvj1Y > .username-1A8OIy::after {
+  content: "CV Admin";
+}
+.contents-2mQqc9 > img[src*="332394843743584256"] ~ .header-23xsNx > .headerText-3Uvj1Y > .username-1A8OIy::after {
+  content: "CV Team";
+}
+.contents-2mQqc9 > img[src*="240437190339854337"] ~ .header-23xsNx > .headerText-3Uvj1Y > .username-1A8OIy::after {
+  content: "CV Team";
+}
+.contents-2mQqc9 > img[src*="126652966265421824"] ~ .header-23xsNx > .headerText-3Uvj1Y > .username-1A8OIy::after {
+  content: "CV Team";
+}
+.contents-2mQqc9 > img[src*="335677038830682112"] ~ .header-23xsNx > .headerText-3Uvj1Y > .username-1A8OIy::after {
+  content: "CV Contributor";
+}
+.contents-2mQqc9 > img[src*="195270435015884800"] ~ .header-23xsNx > .headerText-3Uvj1Y > .username-1A8OIy::after {
+  content: "CV Contributor";
+}
+.contents-2mQqc9 > img[src*="236579127090610176"] ~ .header-23xsNx > .headerText-3Uvj1Y > .username-1A8OIy::after {
+  content: "CV Contributor";
+}
+.contents-2mQqc9 > img[src*="97797564866236416"] ~ .header-23xsNx > .headerText-3Uvj1Y > .username-1A8OIy::after {
+  content: "CV Contributor";
+}
+.contents-2mQqc9 > img[src*="150750980097441792"] ~ .header-23xsNx > .headerText-3Uvj1Y > .username-1A8OIy::after {
+  content: "CV Contributor";
+}
+.contents-2mQqc9 > img[src*="213067580531933196"] ~ .header-23xsNx > .headerText-3Uvj1Y > .username-1A8OIy::after {
+  content: "CV Contributor";
+}
+.contents-2mQqc9 > img[src*="262989909411758080"] ~ .header-23xsNx > .headerText-3Uvj1Y > .username-1A8OIy::after {
+  content: "CV Donator";
+}
+.contents-2mQqc9 > img[src*="168551219135119361"] ~ .header-23xsNx > .headerText-3Uvj1Y > .username-1A8OIy::after {
+  content: "CV Donator";
+}
+.contents-2mQqc9 > img[src*="241500427105992704"] ~ .header-23xsNx > .headerText-3Uvj1Y > .username-1A8OIy::after {
+  content: "CV Donator";
+}
+.contents-2mQqc9 > img[src*="151995147150819328"] ~ .header-23xsNx > .headerText-3Uvj1Y > .username-1A8OIy::after {
+  content: "CV Donator";
+}
+.contents-2mQqc9 > img[src*="157699533134888961"] ~ .header-23xsNx > .headerText-3Uvj1Y > .username-1A8OIy::after {
+  content: "CV Donator";
+}
+.contents-2mQqc9 > img[src*="157492606752784384"] ~ .header-23xsNx > .headerText-3Uvj1Y > .username-1A8OIy::after {
+  content: "CV Donator";
+}
+.contents-2mQqc9 > img[src*="174525242939670528"] ~ .header-23xsNx > .headerText-3Uvj1Y > .username-1A8OIy::after {
+  content: "CV Donator";
+}
+.contents-2mQqc9 > img[src*="78890013378486272"] ~ .header-23xsNx > .headerText-3Uvj1Y > .username-1A8OIy::after {
+  content: "CV Donator";
+}
+.contents-2mQqc9 > img[src*="213263668312408066"] ~ .header-23xsNx > .headerText-3Uvj1Y > .username-1A8OIy::after {
+  content: "CV Donator";
+}
+.contents-2mQqc9 > img[src*="152431535914614785"] ~ .header-23xsNx > .headerText-3Uvj1Y > .username-1A8OIy::after {
+  content: "CV Donator";
+}
+.contents-2mQqc9 > img[src*="112619227466182656"] ~ .header-23xsNx > .headerText-3Uvj1Y > .username-1A8OIy::after {
+  content: "CV Donator";
+}
+.contents-2mQqc9 > img[src*="297873043265552384"] ~ .header-23xsNx > .headerText-3Uvj1Y > .username-1A8OIy::after {
+  content: "CV Donator";
+}
+.contents-2mQqc9 > img[src*="258031697646321666"] ~ .header-23xsNx > .headerText-3Uvj1Y > .username-1A8OIy::after {
+  content: "CV Donator";
+}
+.contents-2mQqc9 > img[src*="109933711142719488"] ~ .header-23xsNx > .headerText-3Uvj1Y > .username-1A8OIy::after {
+  content: "CV Donator";
+}
+.contents-2mQqc9 > img[src*="251260900252712962"] ~ .header-23xsNx > .headerText-3Uvj1Y > .username-1A8OIy::after {
+  content: "CV Donator";
+}
+.contents-2mQqc9 > img[src*="199184208319610880"] ~ .header-23xsNx > .headerText-3Uvj1Y > .username-1A8OIy::after {
+  content: "CV Donator";
+}
+.contents-2mQqc9 > img[src*="122731339890950145"] ~ .header-23xsNx > .headerText-3Uvj1Y > .username-1A8OIy::after {
+  content: "CV Donator";
+}
+.contents-2mQqc9 > img[src*="436228721033216009"] ~ .header-23xsNx > .headerText-3Uvj1Y > .username-1A8OIy::after {
+  content: "CV Donator";
+}
+.contents-2mQqc9 > img[src*="66214870705516544"] ~ .header-23xsNx > .headerText-3Uvj1Y > .username-1A8OIy::after {
+  content: "CV Donator";
+}
+.contents-2mQqc9 > img[src*="172426681800196096"] ~ .header-23xsNx > .headerText-3Uvj1Y > .username-1A8OIy::after {
+  content: "CV Donator";
+}
+.contents-2mQqc9 > img[src*="158311402677731328"] ~ .header-23xsNx > .headerText-3Uvj1Y > .username-1A8OIy::after {
+  content: "CV Donator";
+}
+.contents-2mQqc9 > img[src*="284122164582416385"] ~ .header-23xsNx > .headerText-3Uvj1Y > .username-1A8OIy::after {
+  content: "CV Donator";
+}
+.contents-2mQqc9 > img[src*="107965218868457472"] ~ .header-23xsNx > .headerText-3Uvj1Y > .username-1A8OIy::after {
+  content: "CV Donator";
+}
+.contents-2mQqc9 > img[src*="393900343135830016"] ~ .header-23xsNx > .headerText-3Uvj1Y > .username-1A8OIy::after {
+  content: "CV Donator";
+}
+.contents-2mQqc9 > img[src*="183795147236966412"] ~ .header-23xsNx > .headerText-3Uvj1Y > .username-1A8OIy::after {
+  content: "CV Donator";
+}
+.contents-2mQqc9 > img[src*="245133485688225793"] ~ .header-23xsNx > .headerText-3Uvj1Y > .username-1A8OIy::after {
+  content: "CV Donator";
+}
+.contents-2mQqc9 > img[src*="538745942493495298"] ~ .header-23xsNx > .headerText-3Uvj1Y > .username-1A8OIy::after {
+  content: "CV Translator";
+}
+.contents-2mQqc9 > img[src*="265627010733178892"] ~ .header-23xsNx > .headerText-3Uvj1Y > .username-1A8OIy::after {
+  content: "CV Guide Maker";
+}
+.contents-2mQqc9 > img[src*="309976820109803520"] ~ .header-23xsNx > .headerText-3Uvj1Y > .username-1A8OIy::after {
+  content: "Former CV Team";
+}
+.contents-2mQqc9 > img[src*="148359099782791168"] ~ .header-23xsNx > .headerText-3Uvj1Y > .username-1A8OIy::after {
+  content: "Team Hydra";
+}
+.contents-2mQqc9 > img[src*="206212600596398080"] ~ .header-23xsNx > .headerText-3Uvj1Y > .username-1A8OIy::after {
+  content: "Team Hydra";
+}
+
+/* AVATAR */
+.mask-1l8v16 {
+  filter: drop-shadow(0 0 5px rgba(0, 0, 0, 0.5));
+}
+
+/* STATUS */
+.mask-1l8v16 rect[mask="url(#svg-mask-status-online)"], .mask-1l8v16 rect[mask="url(#svg-mask-status-online-mobile)"], .mask-1l8v16 rect[fill="hsl(139, calc(var(--saturation-factor, 1) * 47.3%), 43.9%)"],
+.mask-1qbNWk rect[mask="url(#svg-mask-status-online)"],
+.mask-1qbNWk rect[mask="url(#svg-mask-status-online-mobile)"],
+.mask-1qbNWk rect[fill="hsl(139, calc(var(--saturation-factor, 1) * 47.3%), 43.9%)"] {
+  fill: var(--online-color);
+}
+.mask-1l8v16 rect[mask="url(#svg-mask-status-idle)"], .mask-1l8v16 rect[fill="hsl(38, calc(var(--saturation-factor, 1) * 95.7%), 54.1%)"],
+.mask-1qbNWk rect[mask="url(#svg-mask-status-idle)"],
+.mask-1qbNWk rect[fill="hsl(38, calc(var(--saturation-factor, 1) * 95.7%), 54.1%)"] {
+  fill: var(--idle-color);
+}
+.mask-1l8v16 rect[mask="url(#svg-mask-status-dnd)"], .mask-1l8v16 rect[fill="hsl(359, calc(var(--saturation-factor, 1) * 82.6%), 59.4%)"],
+.mask-1qbNWk rect[mask="url(#svg-mask-status-dnd)"],
+.mask-1qbNWk rect[fill="hsl(359, calc(var(--saturation-factor, 1) * 82.6%), 59.4%)"] {
+  fill: var(--dnd-color);
+}
+.mask-1l8v16 rect[mask="url(#svg-mask-status-streaming)"], .mask-1l8v16 rect[fill="hsl(262, calc(var(--saturation-factor, 1) * 46.8%), 39.8%)"],
+.mask-1qbNWk rect[mask="url(#svg-mask-status-streaming)"],
+.mask-1qbNWk rect[fill="hsl(262, calc(var(--saturation-factor, 1) * 46.8%), 39.8%)"] {
+  fill: var(--streaming-color);
+}
+.mask-1l8v16 rect[mask="url(#svg-mask-status-offline)"], .mask-1l8v16 rect[fill="hsl(214, calc(var(--saturation-factor, 1) * 9.9%), 50.4%)"],
+.mask-1qbNWk rect[mask="url(#svg-mask-status-offline)"],
+.mask-1qbNWk rect[fill="hsl(214, calc(var(--saturation-factor, 1) * 9.9%), 50.4%)"] {
+  fill: var(--offline-color);
+}
+
+/* BOT TAG */
+.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 0.15s ease-in-out;
+}
+/* USER ROLE */
+.role-2irmRk {
+  position: relative;
+  display: flex;
+  flex-direction: row-reverse;
+  border-radius: 3px;
+  transition: all 0.1s ease-in-out;
+  cursor: default;
+}
+[style].role-2irmRk: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: 0.2;
+  transition: all 0.1s ease-in-out;
+  pointer-events: none;
+}
+.role-2irmRk > .roleCircle-3xAZ1j > .roleRemoveIcon-2-TeGW {
+  position: absolute;
+  display: block;
+  opacity: 0;
+  transition: all 0.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.9);
+  transition: all 0.1s ease-in-out;
+}
+.role-2irmRk:hover > .roleCircle-3xAZ1j:after {
+  opacity: 0.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 0.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;
+}
+
+.row-rrHHJU.selected-1pIgLL .rowInner-1vvRiF {
+  background-color: transparent;
+}
+.row-rrHHJU:hover .rowInner-1vvRiF {
+  background-color: transparent;
+}
+
+.container-3XJ8ns {
+  background-color: rgba(0, 0, 0, 0.8);
+}
+
+/* USER ACTIVITY */
+.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 0.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 0.1s ease-in-out;
+}
+.activityUserPopout-2yItg2 .bodyLink-3A8Buv:hover, .activityProfile-2bJRaP .bodyLink-3A8Buv:hover {
+  text-shadow: 0 0 1px;
+  text-decoration: none !important;
+}
+
+/* SEARCH */
+.content-yTz4x3 .searchResultsWrap-3-pOjs {
+  background-color: rgba(0, 0, 0, 0.6);
+}
+
+.searchResultsWrap-3-pOjs > .searchHeader-2XoQg7 {
+  background-color: rgba(0, 0, 0, 0.3);
+  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
+}
+.searchResultsWrap-3-pOjs > .searchHeader-2XoQg7 > .totalResults--dyAxF {
+  color: rgba(255, 255, 255, 0.5);
+  opacity: 1;
+}
+.searchResultsWrap-3-pOjs > .searchHeader-2XoQg7 > .tab-2j5AEF {
+  position: relative;
+  padding: 10px;
+  margin: 10px 0 0;
+  border: none !important;
+  color: rgba(255, 255, 255, 0.5);
+  opacity: 1;
+  transition: all 0.15s ease-in-out;
+}
+.searchResultsWrap-3-pOjs > .searchHeader-2XoQg7 > .tab-2j5AEF + .tab-2j5AEF {
+  margin-left: 5px;
+}
+.searchResultsWrap-3-pOjs > .searchHeader-2XoQg7 > .tab-2j5AEF: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;
+  opacity: 0;
+  transition: all 0.15s ease-in-out, bottom 0.2s ease-in-out;
+  z-index: -1;
+}
+.searchResultsWrap-3-pOjs > .searchHeader-2XoQg7 > .tab-2j5AEF:after {
+  content: "";
+  position: absolute;
+  top: 100%;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  background: var(--main-color);
+  box-shadow: none;
+  border-radius: 3px;
+  transition: all 0.2s ease-in-out;
+  z-index: -1;
+}
+.searchResultsWrap-3-pOjs > .searchHeader-2XoQg7 > .tab-2j5AEF:hover {
+  color: rgba(255, 255, 255, 0.7);
+}
+.searchResultsWrap-3-pOjs > .searchHeader-2XoQg7 > .tab-2j5AEF:hover:before {
+  opacity: 1;
+}
+.searchResultsWrap-3-pOjs > .searchHeader-2XoQg7 > .tab-2j5AEF.selected-2LAck8 {
+  background-color: transparent;
+  color: #fff;
+}
+.searchResultsWrap-3-pOjs > .searchHeader-2XoQg7 > .tab-2j5AEF.selected-2LAck8:after {
+  top: 0;
+  -webkit-animation: cv-slide-top 0.2s ease-in-out;
+          animation: cv-slide-top 0.2s ease-in-out;
+}
+.searchResultsWrap-3-pOjs > .searchHeader-2XoQg7 > .tab-2j5AEF.selected-2LAck8:before {
+  bottom: 100%;
+  opacity: 1;
+  animation: cv-slide-bottom 0.2s ease-in-out reverse;
+}
+.searchResultsWrap-3-pOjs .channelSeparator-1X1FuH:before {
+  display: none;
+}
+.searchResultsWrap-3-pOjs .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 0.15s ease-in-out;
+}
+.searchResultsWrap-3-pOjs .channelSeparator-1X1FuH > .channelName-1QajIf:before {
+  content: "";
+  height: 2px;
+  border: none;
+  flex-grow: 1;
+  transition: all 0.15s ease-in-out;
+  opacity: 0.7;
+  margin-right: 5px;
+  background: linear-gradient(to left, var(--main-color) 50%, transparent);
+}
+.searchResultsWrap-3-pOjs .channelSeparator-1X1FuH > .channelName-1QajIf:after {
+  content: "";
+  height: 2px;
+  border: none;
+  flex-grow: 1;
+  transition: all 0.15s ease-in-out;
+  opacity: 0.7;
+  margin-left: 5px;
+  background: linear-gradient(to right, var(--main-color) 50%, transparent);
+}
+.searchResultsWrap-3-pOjs .channelSeparator-1X1FuH > .channelName-1QajIf:hover {
+  text-shadow: 0 0 3px;
+  text-decoration: none;
+}
+.searchResultsWrap-3-pOjs .channelSeparator-1X1FuH > .channelName-1QajIf:hover:before, .searchResultsWrap-3-pOjs .channelSeparator-1X1FuH > .channelName-1QajIf:hover:after {
+  opacity: 1;
+}
+.searchResultsWrap-3-pOjs .searchResult-9tQ1uo {
+  margin-bottom: 0;
+  padding-bottom: 10px;
+  border-bottom: 1px solid rgba(255, 255, 255, 0.04);
+  background-color: var(--background-overlay);
+}
+.searchResultsWrap-3-pOjs .searchResult-9tQ1uo:before, .searchResultsWrap-3-pOjs .searchResult-9tQ1uo:after {
+  display: none;
+}
+.searchResultsWrap-3-pOjs .searchResult-9tQ1uo + .searchResult-9tQ1uo {
+  margin-top: -1px;
+}
+.searchResultsWrap-3-pOjs .searchResult-9tQ1uo > .searchResultMessage-2VxO12 {
+  background-color: transparent;
+  border: 2px solid transparent;
+  transition: background-color 0.3s ease-in-out, transform 0.3s ease-in-out, opacity 0.3s ease-in-out;
+}
+.searchResultsWrap-3-pOjs .searchResult-9tQ1uo > .searchResultMessage-2VxO12.hit-NLlWXA {
+  background-color: rgba(0, 0, 0, 0.3);
+  border: 2px solid transparent;
+  border-radius: 5px;
+  box-shadow: none;
+}
+.searchResultsWrap-3-pOjs .searchResult-9tQ1uo > .searchResultMessage-2VxO12.before-1x1q5S, .searchResultsWrap-3-pOjs .searchResult-9tQ1uo > .searchResultMessage-2VxO12.after-2g0jjc {
+  opacity: 0;
+  transition: background-color 0.3s ease-in-out, transform 0.3s ease-in-out, opacity 0s;
+}
+.searchResultsWrap-3-pOjs .searchResult-9tQ1uo > .searchResultMessage-2VxO12.sibling-3tUBeh {
+  opacity: 0.3;
+  transition: background-color 0.3s ease-in-out, transform 0.3s ease-in-out, opacity 0.3s ease-in-out;
+}
+.searchResultsWrap-3-pOjs .searchResult-9tQ1uo: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-3-pOjs .searchResult-9tQ1uo.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-3-pOjs .searchResult-9tQ1uo.expanded-v2Szsz > .searchResultMessage-2VxO12.hit-NLlWXA {
+  background-color: rgba(255, 255, 255, 0.1);
+  border: 2px solid transparent;
+  border-radius: 5px;
+}
+.searchResultsWrap-3-pOjs .searchResult-9tQ1uo.expanded-v2Szsz > .searchResultMessage-2VxO12.before-1x1q5S, .searchResultsWrap-3-pOjs .searchResult-9tQ1uo.expanded-v2Szsz > .searchResultMessage-2VxO12.after-2g0jjc {
+  opacity: 1;
+}
+.searchResultsWrap-3-pOjs .actionButtons-14P9IC {
+  background-color: transparent;
+  box-shadow: none;
+  opacity: 0;
+  transition: all 0.15s ease-in-out;
+}
+.searchResultsWrap-3-pOjs .hit-NLlWXA:hover > .actionButtons-14P9IC {
+  opacity: 1;
+}
+.searchResultsWrap-3-pOjs .button-11zvza {
+  background-color: rgba(255, 255, 255, 0.04);
+  color: rgba(255, 255, 255, 0.5);
+  border-radius: 3px;
+  transition: all 0.3s ease-in-out;
+}
+.searchResultsWrap-3-pOjs .button-11zvza:hover {
+  background-color: var(--main-color);
+  color: #fff;
+  transition-duration: 0.15s;
+}
+.searchResultsWrap-3-pOjs .expanded-v2Szsz .button-11zvza {
+  background-color: rgba(0, 0, 0, 0.3);
+}
+.searchResultsWrap-3-pOjs .highlight {
+  position: relative;
+  padding: 0 2px;
+  background-color: var(--hover-color);
+  border-radius: 3px;
+  color: #fff;
+  text-shadow: 0 0 3px;
+}
+.searchResultsWrap-3-pOjs .pagination-eQpqgk {
+  color: rgba(255, 255, 255, 0.5);
+}
+.searchResultsWrap-3-pOjs .pagination-eQpqgk > .paginationPrevious-4Yw0Tk,
+.searchResultsWrap-3-pOjs .pagination-eQpqgk > .paginationNext-3Tefao {
+  background-color: rgba(255, 255, 255, 0.1);
+  border: 1px solid transparent;
+  opacity: 0.7;
+  transition: all 0.15s ease-in-out;
+}
+.searchResultsWrap-3-pOjs .pagination-eQpqgk > .paginationPrevious-4Yw0Tk:hover,
+.searchResultsWrap-3-pOjs .pagination-eQpqgk > .paginationNext-3Tefao:hover {
+  background-color: var(--main-color);
+  opacity: 1;
+}
+.searchResultsWrap-3-pOjs .pagination-eQpqgk > .disabled-AFY2aL {
+  opacity: 0.3;
+  pointer-events: none;
+}
+
+.resultsBlocked-3a77lQ {
+  background-color: transparent;
+  border: none;
+}
+
+/* FRIENDS */
+.theme-dark .container-1D34oG {
+  background-color: transparent;
+}
+
+.peopleColumn-29fq28 {
+  background: rgba(0, 0, 0, calc(var(--background-shading) * .4));
+}
+
+.peopleListItem-2nzedh:hover, .peopleListItem-2nzedh.active-rhSpJJ {
+  background-color: rgba(255, 255, 255, 0.05);
+}
+
+.activity-2myFBH {
+  color: rgba(255, 255, 255, 0.5);
+}
+.activity-2myFBH strong {
+  color: var(--main-color);
+}
+
+.actionButton-uPB8Fs {
+  background-color: rgba(0, 0, 0, 0.6);
+  color: #fff;
+}
+.actionButton-uPB8Fs.highlight-Lf97TE, .actionButton-uPB8Fs:hover {
+  background-color: var(--hover-color);
+  color: #fff;
+}
+.actionButton-uPB8Fs.actionAccept-LV-szU {
+  color: var(--success-color);
+}
+.actionButton-uPB8Fs.actionAccept-LV-szU.highlight-Lf97TE, .actionButton-uPB8Fs.actionAccept-LV-szU:hover {
+  background-color: var(--success-color);
+  color: #fff !important;
+}
+.actionButton-uPB8Fs.actionDeny-de_uKj {
+  color: var(--danger-color);
+}
+.actionButton-uPB8Fs.actionDeny-de_uKj.highlight-Lf97TE, .actionButton-uPB8Fs.actionDeny-de_uKj:hover {
+  background-color: var(--danger-color);
+  color: #fff !important;
+}
+
+[aria-controls=ADD_FRIEND-tab][aria-selected=false].item-PXvHYJ {
+  background-color: var(--success-color) !important;
+  color: #fff !important;
+}
+
+[aria-controls=ADD_FRIEND-tab][aria-selected=true].item-PXvHYJ {
+  color: var(--success-color) !important;
+  box-shadow: 0 0 0 1px var(--success-color) inset;
+}
+
+[aria-controls=ADD_FRIEND-tab][aria-selected=true].item-PXvHYJ:before {
+  content: "";
+  position: absolute;
+  background-color: var(--success-color);
+  opacity: 0.2;
+  width: 100%;
+  height: 100%;
+  z-index: -1;
+}
+
+.wrapper-1cBijl {
+  background-color: rgba(255, 255, 255, 0.07);
+  box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.09);
+  border: none;
+}
+.wrapper-1cBijl:focus-within {
+  box-shadow: 0 0 2px 2px var(--main-color);
+}
+
+.addFriendInput-4bcerK::-moz-placeholder {
+  color: rgba(255, 255, 255, 0.3);
+}
+
+.addFriendInput-4bcerK:-ms-input-placeholder {
+  color: rgba(255, 255, 255, 0.3);
+}
+
+.addFriendInput-4bcerK::placeholder {
+  color: rgba(255, 255, 255, 0.3);
+}
+
+.addFriendHint-3Y70FX {
+  color: rgba(255, 255, 255, 0.3);
+}
+
+.nowPlayingColumn-2sl4cE {
+  background-color: rgba(0, 0, 0, calc(var(--background-shading) * 0.6));
+}
+
+.container-lRFx4q {
+  background-color: transparent;
+}
+
+.consentCard-1iSxB_ {
+  background-color: rgba(0, 0, 0, 0.4);
+}
+
+.theme-dark .outer-1AjyKL {
+  background-color: rgba(0, 0, 0, 0.4);
+  border: 1px solid rgba(255, 255, 255, 0.07);
+}
+.theme-dark .outer-1AjyKL.interactive-3B9GmY:hover, .theme-dark .outer-1AjyKL.active-1xchHY {
+  background-color: rgba(0, 0, 0, 0.6);
+}
+.theme-dark .inset-3sAvek {
+  background-color: rgba(0, 0, 0, 0.4);
+}
+.theme-dark .partyMemberOverflow-lXnzvu {
+  background-color: var(--background-overlay);
+}
+
+.section-2gLsgF {
+  background-color: transparent;
+}
+
+/* GAME LIBRARY */
+.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::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 0.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 0.15s ease-in-out;
+}
+.gameLibrary-TTDw4Y .rowWrapper-2fB6P0 {
+  margin: 0 20px;
+  padding: 0;
+}
+.gameLibrary-TTDw4Y .rowWrapper-2fB6P0 + .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 0.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: 0.5;
+  transition: all 0.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 0.15s ease-in-out;
+}
+
+.theme-dark .defaultIndicator-3WqGFB {
+  background-color: transparent;
+}
+
+.theme-dark .background-yZEZik {
+  stroke: var(--backdrop-overlay);
+}
+
+.foreground-2aE44H {
+  stroke: var(--main-color);
+}
+
+.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 0.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::placeholder {
+  color: rgba(255, 255, 255, 0.2);
+}
+.body-2xXalD .emptyStateImage-2eMp68 {
+  filter: grayscale(1) brightness(2);
+  opacity: 0.3;
+}
+.body-2xXalD .emptyStateHeader-1ADtcL {
+  color: rgba(255, 255, 255, 0.7);
+}
+.body-2xXalD .emptyStateSubtext-2njjqg {
+  color: rgba(255, 255, 255, 0.5);
+}
+
+/* ACTIVITY FEED */
+.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 0.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 0.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 0.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 0.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 [src="/assets/b09888a1a6c74c8bb9af76ee61eb70e7.svg"].headerIcon-2AzihC {
+  opacity: 0.7;
+  filter: contrast(5);
+  mix-blend-mode: screen;
+}
+.activityFeed-1C0EmJ .popoutContainer-3WC9HR {
+  transition: all 0.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 0.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: 0.5;
+  transition: all 0.15s ease-in-out;
+}
+.activityFeed-1C0EmJ .close-C7sU74:hover {
+  opacity: 1;
+}
+.activityFeed-1C0EmJ .placeholderWrapper-3FaLtZ {
+  background-color: rgba(0, 0, 0, 0.1);
+}
+
+/* STORE */
+.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 .scrollerBase-289Jih {
+  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: 0.5;
+  transition: all 0.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 0.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 0.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 0.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: 0.3;
+  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 0.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 0.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 0.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 0.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: 0.5;
+  transition: all 0.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 0.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 0.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 {
+  filter: drop-shadow(0 0 1px);
+}
+
+.news-27xNIP .item-2yFVoY {
+  background: rgba(0, 0, 0, 0.3);
+  transition: all 0.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: 0.1;
+  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 0.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 0.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 0.15s ease-in-out;
+}
+.sku-epQEb_ .price-NUANu6 {
+  background: rgba(255, 255, 255, 0.04);
+  color: rgba(255, 255, 255, 0.7);
+  transition: all 0.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: 0.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);
+
+}
+
+/* STAGE DISCOVERY */
+.stageSection-3mAD8V {
+  background: transparent;
+}
+
+.theme-dark .container-S9SaVf {
+  background-color: rgba(0, 0, 0, 0.4);
+}
+.theme-dark .container-S9SaVf:hover {
+  background-color: rgba(0, 0, 0, 0.6);
+}
+
+.featuredTag-3pT1Rf {
+  background-color: var(--main-color);
+}
+
+.container-7Unqij {
+  background-color: transparent;
+}
+
+/* BUTTON */
+.button-38aScr {
+  border-radius: 3px;
+  transition: all 0.3s ease-in-out;
+}
+
+.appMount-3lHmkl .lookFilled-1Gx00P.colorGreen-29iAKY,
+.appMount-3lHmkl .lookFilled-1Gx00P.colorGrey-2DXtkV,
+.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 .lookFilled-1Gx00P.colorGrey-2DXtkV:hover,
+.appMount-3lHmkl .lookFilled-1Gx00P.colorBrand-3pXr91:hover,
+.appMount-3lHmkl .lookFilled-1Gx00P.colorPrimary-3b3xI6:hover {
+  background: var(--hover-color);
+}
+.appMount-3lHmkl .lookFilled-1Gx00P.colorGreen-29iAKY:disabled,
+.appMount-3lHmkl .lookFilled-1Gx00P.colorGrey-2DXtkV:disabled,
+.appMount-3lHmkl .lookFilled-1Gx00P.colorBrand-3pXr91:disabled,
+.appMount-3lHmkl .lookFilled-1Gx00P.colorPrimary-3b3xI6:disabled {
+  background: var(--main-color) !important;
+}
+
+.lookFilled-1Gx00P.colorRed-1TFJan {
+  background-color: var(--danger-color);
+}
+
+.lookFilled-1Gx00P.colorWhite-rEQuAQ {
+  background: rgba(255, 255, 255, 0.1);
+}
+.lookFilled-1Gx00P.colorWhite-rEQuAQ > .contents-18-Yxp {
+  color: rgba(255, 255, 255, 0.7);
+  transition: inherit;
+}
+.lookFilled-1Gx00P.colorWhite-rEQuAQ:hover {
+  background: rgba(255, 255, 255, 0.2) !important;
+}
+.lookFilled-1Gx00P.colorWhite-rEQuAQ:hover > .contents-18-Yxp {
+  color: #fff;
+}
+.lookFilled-1Gx00P.colorWhite-rEQuAQ:disabled {
+  background: rgba(255, 255, 255, 0.1) !important;
+}
+.lookFilled-1Gx00P.colorWhite-rEQuAQ:disabled > .contents-18-Yxp {
+  color: rgba(255, 255, 255, 0.5);
+}
+
+.lookInverted-2D7oAl.colorBrand-3pXr91,
+.lookInverted-2D7oAl.colorGreen-29iAKY {
+  background: #fff;
+  color: var(--main-color);
+}
+.lookInverted-2D7oAl.colorBrand-3pXr91:hover,
+.lookInverted-2D7oAl.colorGreen-29iAKY:hover {
+  background: rgba(255, 255, 255, 0.95);
+  color: var(--hover-color);
+}
+.lookInverted-2D7oAl.colorBrand-3pXr91:disabled,
+.lookInverted-2D7oAl.colorGreen-29iAKY:disabled {
+  background: rgba(255, 255, 255, 0.3);
+}
+
+.appMount-3lHmkl .lookOutlined-3sRXeN.colorWhite-rEQuAQ,
+.appMount-3lHmkl .lookOutlined-3sRXeN.colorPrimary-3b3xI6,
+.appMount-3lHmkl .lookOutlined-3sRXeN.colorGreen-29iAKY,
+.appMount-3lHmkl .lookOutlined-3sRXeN.colorBrand-3pXr91 {
+  background: transparent;
+  border-color: var(--main-color);
+  color: rgba(255, 255, 255, 0.8);
+}
+.appMount-3lHmkl .lookOutlined-3sRXeN.colorWhite-rEQuAQ:hover,
+.appMount-3lHmkl .lookOutlined-3sRXeN.colorPrimary-3b3xI6:hover,
+.appMount-3lHmkl .lookOutlined-3sRXeN.colorGreen-29iAKY:hover,
+.appMount-3lHmkl .lookOutlined-3sRXeN.colorBrand-3pXr91:hover {
+  background: transparent;
+  border-color: var(--hover-color);
+  color: #fff;
+}
+
+.appMount-3lHmkl .lookOutlined-3sRXeN.colorRed-1TFJan {
+  background: transparent;
+  border-color: var(--danger-color);
+  color: rgba(255, 255, 255, 0.8);
+}
+.appMount-3lHmkl .lookOutlined-3sRXeN.colorRed-1TFJan:hover {
+  background: transparent;
+  border-color: var(--hover-color);
+  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;
+}
+
+.button-1-5Aqk {
+  background-color: var(--main-color);
+  color: #fff;
+}
+.button-1-5Aqk:hover:not(.disabled-3Njyym) {
+  background-color: var(--hover-color);
+}
+
+/* SCROLLBAR */
+::-webkit-scrollbar {
+  width: 14px !important;
+}
+
+::-webkit-scrollbar-thumb,
+::-webkit-scrollbar-track,
+::-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 .scrollerBase-289Jih::-webkit-scrollbar-thumb,
+.membersWrap-2h-GB4 .scrollerBase-289Jih::-webkit-scrollbar-track-piece {
+  visibility: hidden;
+}
+.membersWrap-2h-GB4 .scrollerBase-289Jih:hover::-webkit-scrollbar-thumb,
+.membersWrap-2h-GB4 .scrollerBase-289Jih:hover::-webkit-scrollbar-track-piece {
+  visibility: visible;
+}
+
+.chat-3bRxxu .scrollerBase-289Jih::-webkit-scrollbar-track-piece,
+.membersWrap-2h-GB4 .scrollerBase-289Jih::-webkit-scrollbar-track-piece {
+  background-color: rgba(0, 0, 0, 0.3) !important;
+}
+
+textarea::-webkit-scrollbar {
+  display: none;
+}
+
+.none-2Eo-qx::-webkit-scrollbar {
+  width: 0px !important;
+}
+
+.thin-1ybCId::-webkit-scrollbar {
+  width: 10px !important;
+}
+
+/* BADGE */
+.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 0.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 0.3s ease-in-out;
+}
+
+.numberBadge-2s8kKX {
+  font-size: 12px;
+  line-height: 12px;
+}
+
+.modeSelected-346R90 .numberBadge-2s8kKX,
+.modeSelected-346R90 .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;
+}
+
+.flowerStarContainer-3zDVtj {
+  color: var(--main-color);
+}
+.flowerStarContainer-3zDVtj .icon-1ihkOt {
+  color: #fff;
+}
+
+.gameVerifiedIcon-2dGGa5 > svg > path {
+  fill: var(--main-color);
+}
+
+/* TOOLTIP */
+.theme-dark .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 .theme-dark .tooltip-2QfLtc {
+  color: #fff;
+}
+.theme-dark .tooltip-2QfLtc .tooltipContent-bqVLWK {
+  padding: 0;
+}
+.theme-dark .tooltip-2QfLtc.tooltipPrimary-1d1ph4 {
+  background: rgba(0, 0, 0, 0.9);
+}
+.theme-dark .tooltip-2QfLtc.tooltipPrimary-1d1ph4 > .tooltipPointer-3ZfirK {
+  border-top-color: rgba(0, 0, 0, 0.9);
+}
+.theme-dark .tooltip-2QfLtc.tooltipBrand-g03Nz8 {
+  background: var(--main-color);
+}
+.theme-dark .tooltip-2QfLtc.tooltipBrand-g03Nz8 > .tooltipPointer-3ZfirK {
+  border-top-color: var(--main-color);
+}
+.theme-dark .tooltip-2QfLtc.tooltipRed-8-9NeP {
+  background: var(--danger-color);
+}
+.theme-dark .tooltip-2QfLtc.tooltipRed-8-9NeP > .tooltipPointer-3ZfirK {
+  border-top-color: var(--danger-color);
+}
+.theme-dark .tooltip-2QfLtc.tooltipGreen-WdeQwd {
+  background: var(--success-color);
+}
+.theme-dark .tooltip-2QfLtc.tooltipGreen-WdeQwd > .tooltipPointer-3ZfirK {
+  border-top-color: var(--success-color);
+}
+.theme-dark .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%;
+}
+.theme-dark .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;
+}
+.theme-dark .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%;
+}
+.theme-dark .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%;
+}
+
+.tooltip-BPhxJN {
+  background: rgba(0, 0, 0, 0.9);
+}
+.tooltip-BPhxJN > .tooltipPointer-lElcog {
+  border-top-color: rgba(0, 0, 0, 0.9);
+}
+
+.subscribeTooltipWrapper-1JoUuw {
+  background-color: var(--main-color);
+}
+.subscribeTooltipWrapper-1JoUuw:after {
+  border-bottom-color: var(--main-color);
+}
+
+/* CHECKBOX */
+.checkbox-1ix_J3 {
+  border-color: rgba(255, 255, 255, 0.5);
+}
+.checkbox-1ix_J3.checked-3_4uQ9 {
+  background-color: transparent !important;
+  border-color: var(--main-color) !important;
+}
+.checkbox-1ix_J3.checked-3_4uQ9 > svg > path {
+  fill: #fff;
+}
+
+/* SLIDER */
+.slider-1PF9SW .bar-2Qqk5Z {
+  background: rgba(255, 255, 255, 0.04);
+  transition: all 0.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);
+}
+.slider-1PF9SW:focus .grabber-3mFHz2 {
+  box-shadow: 0 0 3px 3px var(--hover-color);
+}
+
+/* SPINNER */
+.loadingPopout-qYljDW {
+  background-color: rgba(0, 0, 0, 0.6);
+}
+
+.pulsingEllipsisItem-32hhWL {
+  background-color: var(--main-color);
+  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: 0.3;
+}
+.pulsingEllipsisItem-32hhWL:nth-child(2) {
+  -webkit-animation-delay: 0.2s;
+          animation-delay: 0.2s;
+}
+.pulsingEllipsisItem-32hhWL:nth-child(3) {
+  -webkit-animation-delay: 0.4s;
+          animation-delay: 0.4s;
+}
+
+.wanderingCubesItem-WPXqao {
+  width: 100%;
+  height: 100%;
+  background: transparent;
+  -webkit-animation: none;
+          animation: none;
+  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: 0.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;
+}
+
+/* LIST ITEM */
+.container-2Pjhx- .name-uJV0GL {
+  font-size: 14px;
+  color: rgba(255, 255, 255, 0.6);
+  transition: all 0.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 0.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 0.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 {
+  filter: drop-shadow(0 0 3px rgba(0, 0, 0, 0.7));
+  opacity: 0.7;
+}
+.container-2Pjhx-.selected-aXhQR6 .icon-15YQ1T,
+.container-2Pjhx-.selected-aXhQR6 .activityEmoji-1AR8K6,
+.container-2Pjhx-.selected-aXhQR6 .activityEmoji-2GDGtF {
+  filter: drop-shadow(0 0 3px rgba(0, 0, 0, 0.7));
+}
+/* SWITCH */
+.container-3auIfb {
+  background-color: transparent !important;
+}
+.container-3auIfb:before {
+  background-color: rgba(255, 255, 255, 0.15);
+  content: "";
+  position: absolute;
+  height: 100%;
+  width: 100%;
+  border-radius: inherit;
+  transition: all 0.1s ease-in-out;
+}
+.container-3auIfb:not([style*="background-color: hsl(218, calc(var(--saturation-factor, 1) * 4.6%), 46.9%)"]):before {
+  background-color: var(--main-color);
+}
+.container-3auIfb path {
+  fill: var(--main-color);
+}
+
+.item-26Dhrx {
+  background-color: transparent;
+  color: #fff;
+}
+.item-26Dhrx:hover {
+  background-color: transparent;
+  color: #fff;
+}
+.item-26Dhrx .radioBar-bMNUI- {
+  background-color: rgba(0, 0, 0, 0.4);
+  border-left: 3px solid var(--radio-bar-accent-color);
+}
+[aria-checked=true].item-26Dhrx .radioBar-bMNUI- {
+  background-color: var(--radio-bar-accent-color, var(--main-color));
+}
+.item-26Dhrx .radioIconForeground-XwlXQN {
+  color: #fff;
+}
+.item-26Dhrx .radioText-3nuXCv {
+  color: #fff;
+}
+
+.theme-dark .pageButton-2ruNwd.activeButton-rvKcqq {
+  background-color: var(--main-color);
+}
+.theme-dark .pageButton-2ruNwd.activeButton-rvKcqq:hover {
+  background-color: var(--main-color);
+}
+.theme-dark .pageButton-2ruNwd:hover {
+  background-color: var(--hover-color);
+}
+.theme-dark .pageButton-2ruNwd:hover:disabled {
+  background-color: transparent;
+}
+
+.input-cIJ7To {
+  color: var(--text-normal);
+  background-color: rgba(255, 255, 255, 0.07);
+  border: none;
+  box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.09);
+}
+.input-cIJ7To::-moz-placeholder {
+  color: rgba(255, 255, 255, 0.3);
+}
+.input-cIJ7To:-ms-input-placeholder {
+  color: rgba(255, 255, 255, 0.3);
+}
+.input-cIJ7To::placeholder {
+  color: rgba(255, 255, 255, 0.3);
+}
+.input-cIJ7To:hover {
+  border: none;
+}
+.input-cIJ7To:focus, .input-cIJ7To.focused-1mmYsC {
+  box-shadow: 0 0 2px 2px var(--main-color);
+}
+.input-cIJ7To.noBorder-CTIBpT {
+  border: none;
+  box-shadow: none;
+  background: none;
+}
+.input-cIJ7To.multiInput-2AiDV2 {
+  background: transparent;
+  box-shadow: none;
+}
+.input-cIJ7To .multiInputFirst-2aPTwX .multiInputField-3K361B {
+  border-radius: 3px 0 0 3px;
+}
+.input-cIJ7To .multiInputLast-33BbRU:before {
+  height: 0;
+  width: 0;
+}
+.input-cIJ7To .multiInputLast-33BbRU .multiInputField-3K361B {
+  border-radius: 0 3px 3px 0;
+}
+
+/* POPOUT */
+.popout-2iWAc- {
+  box-shadow: none;
+}
+[style*="overflow: hidden"].popout-2iWAc- {
+  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);
+}
+
+/* USER POPOUT */
+.userPopout-xaxa6l {
+  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%;
+  z-index: 10;
+}
+.userPopout-xaxa6l: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);
+  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-xaxa6l {
+  margin-right: -16px;
+  transform-origin: 100% 50%;
+}
+.userPopout-xaxa6l .headerNormal-3KXFBt,
+.userPopout-xaxa6l .headerTop-3vNv-a {
+  background: var(--user-popout-overlay);
+}
+.userPopout-xaxa6l .popoutBanner-19WKGg {
+  -webkit-mask: linear-gradient(to bottom, #000, transparent 93%);
+  mask: linear-gradient(to bottom, #000, transparent 93%);
+}
+.userPopout-xaxa6l .popoutBannerPremium-1n96gg {
+  -webkit-mask: linear-gradient(to bottom, #000 50%, transparent);
+  mask: linear-gradient(to bottom, #000 50%, transparent);
+}
+.userPopout-xaxa6l .mobileIndicator-29f8Xh {
+  color: rgba(255, 255, 255, 0.4);
+}
+.userPopout-xaxa6l .nameTag-m8r81H {
+  overflow: visible;
+}
+.userPopout-xaxa6l .avatar-37jOim {
+  border-color: transparent;
+  background-color: transparent;
+}
+.userPopout-xaxa6l .profileBadge18-NVHzY4 {
+  width: 25px !important;
+  height: 25px;
+  background-size: 25px;
+}
+.userPopout-xaxa6l .body-3HBlXn {
+  background: var(--user-popout-overlay);
+}
+.userPopout-xaxa6l .bodyInnerWrapper-26fQXj {
+  background-color: transparent;
+}
+.userPopout-xaxa6l .bodyTitle-Y0qMQz {
+  color: rgba(255, 255, 255, 0.7);
+  flex-shrink: 0;
+}
+.userPopout-xaxa6l .rolesList-22qj2L {
+  margin-top: 0;
+}
+.userPopout-xaxa6l #permissions-popout {
+  display: flex;
+  flex-direction: column;
+  flex-shrink: 1;
+}
+.userPopout-xaxa6l #permissions-popout > .rolesList-22qj2L {
+  max-height: unset;
+}
+.userPopout-xaxa6l .note-1oo11U > .textarea-2r0oV8:focus {
+  background: rgba(255, 255, 255, 0.07);
+}
+.userPopout-xaxa6l .footer-3UKYOU {
+  background: var(--user-popout-overlay);
+  margin-top: 0px;
+}
+.userPopout-xaxa6l .tip-2ab612 {
+  color: rgba(255, 255, 255, 0.5);
+  opacity: 1;
+}
+
+/* CONTEXT MENU */
+.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 0.15s ease-in-out;
+}
+.contextMenu-HLZMGh .item-1Yvehc:hover {
+  background-color: rgba(0, 0, 0, 0.8);
+  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: 0.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: 0.7;
+}
+
+.subMenuContext-2n_9YM {
+  margin: 0 -5px;
+}
+.subMenuContext-2n_9YM .contextMenu-HLZMGh {
+  transform-origin: 50% 50%;
+}
+
+/* MESSAGE OPTIONS POPOUT */
+.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 0.15s ease-in-out;
+}
+.layer-v9HyYc .container-3cGP6G .item-2J1YMK:hover {
+  color: rgba(255, 255, 255, 0.7);
+}
+
+/* MENU HEADER POPOUT */
+.menu-3sdvDG {
+  background-color: rgba(0, 0, 0, 0.8);
+}
+.menu-3sdvDG .item-1tOPte {
+  color: rgba(255, 255, 255, 0.7);
+  transition: all 0.15s ease-in-out;
+}
+.menu-3sdvDG .item-1tOPte.focused-3afm-j {
+  background-color: var(--hover-color);
+  color: #fff;
+}
+.menu-3sdvDG .item-1tOPte.focused-3afm-j .checkbox-3s5GYZ,
+.menu-3sdvDG .item-1tOPte.focused-3afm-j .radioSelection-1HmrQS {
+  color: #fff;
+}
+.menu-3sdvDG .item-1tOPte.focused-3afm-j .check-1JyqgN {
+  color: var(--main-color);
+}
+.menu-3sdvDG .item-1tOPte .checkbox-3s5GYZ,
+.menu-3sdvDG .item-1tOPte .radioSelection-1HmrQS {
+  color: var(--main-color);
+}
+.menu-3sdvDG .colorBrand-ROmMP1 {
+  color: var(--main-color);
+}
+.menu-3sdvDG .colorDanger-2qLCe1 {
+  color: var(--danger-color);
+}
+.menu-3sdvDG .colorDanger-2qLCe1.focused-3afm-j {
+  background-color: var(--danger-color);
+  color: #fff;
+}
+.menu-3sdvDG .colorDanger-2qLCe1.focused-3afm-j .icon-LYJorE {
+  transform: rotateY(180deg);
+  transition: all 0.15s ease-in-out;
+}
+
+.button-F9qN4n {
+  background-color: transparent;
+}
+.button-F9qN4n.focused-3ZzkKr .button-F9qN4n:hover {
+  background-color: transparent;
+}
+.button-F9qN4n.focused-3ZzkKr {
+  box-shadow: 0 0 2px 2px var(--hover-color);
+}
+
+/* STATUS PICKER */
+.animatorTop-2Y7x2r .menu-3sdvDG {
+  margin-left: -10px;
+}
+
+#status-picker-online.item-1tOPte:not(.focused-3afm-j) .status-1AY8sU {
+  background-color: var(--online-color) !important;
+}
+#status-picker-online.item-1tOPte.focused-3afm-j {
+  background-color: var(--online-color);
+}
+#status-picker-idle.item-1tOPte:not(.focused-3afm-j) .status-1AY8sU {
+  background-color: var(--idle-color) !important;
+}
+#status-picker-idle.item-1tOPte.focused-3afm-j {
+  background-color: var(--idle-color);
+}
+#status-picker-dnd.item-1tOPte:not(.focused-3afm-j) .status-1AY8sU {
+  background-color: var(--dnd-color) !important;
+}
+#status-picker-dnd.item-1tOPte.focused-3afm-j {
+  background-color: var(--dnd-color);
+}
+#status-picker-invisible.item-1tOPte:not(.focused-3afm-j) .status-1AY8sU {
+  background-color: var(--offline-color) !important;
+}
+#status-picker-invisible.item-1tOPte.focused-3afm-j {
+  background-color: var(--offline-color);
+}
+
+/* CONNECTION INFO POPOUT */
+.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 0.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: 0.7 !important;
+}
+
+/* AUTOCOMPLETE POPOUT */
+.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::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 0.15s ease-in-out;
+}
+.layer-v9HyYc .container-VSDcQc .row-rrHHJU span[style*="color:"]:after {
+  opacity: 0.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;
+}
+
+/* SEARCH POPOUT */
+.platform-win + div [style*="top: 60px"].popout-2iWAc-.popoutBottom-2GAFPg.noArrow-2foL9g.noShadow-3pu20z, .platform-osx [style*="top: 38px"].popout-2iWAc-.popoutBottom-2GAFPg.noArrow-2foL9g.noShadow-3pu20z, .platform-linux + div [style*="top: 38px"].popout-2iWAc-.popoutBottom-2GAFPg.noArrow-2foL9g.noShadow-3pu20z, .platform-web + div [style*="top: 38px"].popout-2iWAc-.popoutBottom-2GAFPg.noArrow-2foL9g.noShadow-3pu20z {
+  left: auto !important;
+  right: 40px;
+  transform: none !important;
+}
+.popout-2iWAc- > .container-3ayLPN {
+  background-color: rgba(0, 0, 0, 0.8);
+  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: 0.5;
+  transition: all 0.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 0.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 0.15s ease-in-out;
+}
+.container-3ayLPN .option-96V44q .plusIcon-v0BTrL:hover {
+  opacity: 0.7;
+}
+.container-3ayLPN .option-96V44q .filter-3Y_im- {
+  color: rgba(255, 255, 255, 0.3);
+  transition: all 0.15s ease-in-out;
+}
+.container-3ayLPN .option-96V44q .answer-1n6g43 {
+  color: rgba(255, 255, 255, 0.5);
+  font-weight: 500;
+  transition: all 0.15s ease-in-out;
+}
+.container-3ayLPN .option-96V44q .nonText-3CRkO0 {
+  color: rgba(255, 255, 255, 0.5);
+  transition: all 0.15s ease-in-out;
+}
+.container-3ayLPN .option-96V44q > strong {
+  color: rgba(255, 255, 255, 0.7);
+  transition: all 0.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: 0.3;
+}
+.container-3ayLPN .option-96V44q.selected-rZcOL- .plusIcon-v0BTrL:hover {
+  opacity: 0.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 0.15s ease-in-out;
+}
+.container-3ayLPN .option-96V44q.user-O3Czj0 .displayUsername-Qekxml {
+  color: rgba(255, 255, 255, 0.3);
+  transition: all 0.15s ease-in-out;
+}
+.container-3ayLPN .option-96V44q.user-O3Czj0.selected-rZcOL- .displayedNick-3xxvzU {
+  color: rgba(255, 255, 255, 0.7);
+}
+.container-3ayLPN .option-96V44q.user-O3Czj0.selected-rZcOL- .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 0.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 0.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 .searchOption-zQ-1l6.selected-rZcOL- .filter-3Y_im- {
+  color: rgba(255, 255, 255, 0.7);
+}
+.container-3ayLPN .searchOption-zQ-1l6.selected-rZcOL- .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 0.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: 0.7;
+  transition: all 0.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 0.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--outside-month {
+  background-color: transparent;
+  color: rgba(255, 255, 255, 0.1);
+}
+
+/* EMOJI PICKER */
+.drawerSizingWrapper-17Mss4 {
+  min-width: 430px;
+}
+
+.contentWrapper-SvZHNd {
+  background-color: rgba(0, 0, 0, 0.8);
+  border: none;
+  border-radius: 5px;
+  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
+}
+
+.navButtonActive-1MkytQ {
+  background-color: var(--main-color);
+}
+
+.emojiPicker-3PwZFl {
+  background-color: rgba(0, 0, 0, 0.8);
+  min-width: 430px;
+}
+
+.searchBar-5di9mG {
+  background-color: rgba(255, 255, 255, 0.07);
+  box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.09);
+  margin-top: 2px;
+}
+.searchBar-5di9mG:focus-within {
+  box-shadow: 0 0 2px 2px var(--main-color);
+  transition: all 0.15s ease-in-out;
+}
+.searchBar-5di9mG:focus-within .input-1Rv96N {
+  color: #fff;
+}
+.searchBar-5di9mG:focus-within .input-1Rv96N::-moz-placeholder {
+  color: rgba(255, 255, 255, 0.3);
+}
+.searchBar-5di9mG:focus-within .input-1Rv96N:-ms-input-placeholder {
+  color: rgba(255, 255, 255, 0.3);
+}
+.searchBar-5di9mG:focus-within .input-1Rv96N::placeholder {
+  color: rgba(255, 255, 255, 0.3);
+}
+
+.diversitySelectorPopout-3FiGaM {
+  border: none;
+  padding: 2px;
+  background-color: rgba(0, 0, 0, 0.8);
+}
+.diversitySelectorPopout-3FiGaM .diversityEmojiItem-L6_IXw {
+  border-radius: 3px;
+  transition: all 0.15s ease-in-out;
+}
+.diversitySelectorPopout-3FiGaM .diversityEmojiItem-L6_IXw:hover {
+  background-color: rgba(255, 255, 255, 0.07);
+}
+
+.wrapper-1-Fsb8 {
+  background-color: transparent;
+}
+.wrapper-1-Fsb8 .header-19cWci {
+  color: #fff;
+}
+
+.emojiItem-14v6tW {
+  border-radius: 3px;
+  transition: all 0.15s ease-in-out, filter 0s;
+}
+.emojiItem-14v6tW.emojiItemSelected-1aLkfV {
+  background-color: rgba(255, 255, 255, 0.07);
+}
+.emojiItem-14v6tW.emojiItemDisabled-1FvFuF {
+  filter: grayscale(1);
+}
+.emojiItem-14v6tW:focus {
+  outline: var(--main-color) auto 1px;
+}
+
+.theme-dark .imageLoading-bpSr0M {
+  background-image: none;
+}
+
+.inspector-S2gM3e {
+  background-color: transparent;
+}
+
+.categoryList-2Kzf65 {
+  background-color: transparent;
+}
+
+.categoryItem-1D0nxC:hover {
+  background-color: rgba(255, 255, 255, 0.07);
+  border-radius: 4px;
+}
+.categoryItem-1D0nxC.categoryItemDefaultCategorySelected-_HCKoz {
+  background-color: rgba(255, 255, 255, 0.07);
+  border-radius: 4px;
+}
+
+.categoryIcon-1SvUHG {
+  color: rgba(255, 255, 255, 0.7);
+}
+.categoryItemDefaultCategorySelected-_HCKoz .categoryIcon-1SvUHG {
+  color: #fff;
+}
+
+.guildIcon-3h-1IH {
+  background-color: transparent;
+}
+
+.unicodeShortcut-15J8Ck {
+  background-color: var(--main-color);
+}
+.unicodeShortcut-15J8Ck svg {
+  color: rgba(255, 255, 255, 0.9);
+}
+.unicodeShortcut-15J8Ck:hover {
+  background-color: var(--hover-color);
+}
+.unicodeShortcut-15J8Ck:hover svg {
+  color: #fff;
+}
+
+.premiumPromo-fVlLu- {
+  background-color: rgba(0, 0, 0, 0.9);
+}
+
+.premiumPromoClose-1w65km {
+  filter: brightness(0) invert(1);
+  opacity: 0.6;
+}
+.premiumPromoClose-1w65km:hover {
+  opacity: 0.8;
+}
+
+.premiumPromoTitle-2cKOQe {
+  color: #fff;
+}
+
+.premiumPromoTitle-2cKOQe {
+  color: rgba(255, 255, 255, 0.7);
+}
+
+/*  OLD CATEGORIES
+%emojiPickerCategoriesItemPeople {
+	background-image: url(https://clearvision.gitlab.io/icons/discord/emojiSmileys.svg);
+}
+%emojiPickerCategoriesItemNature {
+	background-image: url(https://clearvision.gitlab.io/icons/discord/emojiNature.svg);
+}
+%emojiPickerCategoriesItemFood {
+	background-image: url(https://clearvision.gitlab.io/icons/discord/emojiFood.svg);
+}
+%emojiPickerCategoriesItemActivity {
+	background-image: url(https://clearvision.gitlab.io/icons/discord/emojiActivity.svg);
+}
+%emojiPickerCategoriesItemTravel {
+	background-image: url(https://clearvision.gitlab.io/icons/discord/emojiTravel.svg);
+}
+%emojiPickerCategoriesItemObjects {
+	background-image: url(https://clearvision.gitlab.io/icons/discord/emojiObject.svg);
+}
+%emojiPickerCategoriesItemSymbols {
+	background-image: url(https://clearvision.gitlab.io/icons/discord/emojiSymbol.svg);
+}
+%emojiPickerCategoriesItemFlags {
+	background-image: url(https://clearvision.gitlab.io/icons/discord/emojiFlags.svg);
+}   
+%emojiPickerCategoriesItemCustom {
+	background-image: url(https://clearvision.gitlab.io/icons/discord/emojiCustom.svg);
+}
+*/
+/* GROUP INVITE POPOUT */
+.theme-dark .popout-103y-5.root-1gCeng {
+  background-color: rgba(0, 0, 0, 0.8);
+}
+
+.title-3sZWYQ {
+  color: #fff;
+}
+
+.subtitle-2P4u9v {
+  color: rgba(255, 255, 255, 0.7);
+}
+
+.searchBar-1Vaz-O .searchBarComponent-yxeVIL {
+  background-color: rgba(255, 255, 255, 0.07);
+  box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.09);
+}
+
+.tag-2gHSR7 {
+  background: var(--main-color);
+  color: #fff;
+}
+
+.friend-3KALPe {
+  transition: all 0.15s ease-in-out;
+}
+.theme-dark .friend-3KALPe.friendSelected-1sa4bG {
+  background: rgba(255, 255, 255, 0.1);
+}
+.theme-dark .friend-3KALPe.friendSelected-1sa4bG .nickname-O95uts {
+  color: #fff;
+}
+.theme-dark .friend-3KALPe.friendSelected-1sa4bG .discordTag-X7dpau {
+  color: rgba(255, 255, 255, 0.5);
+}
+.nickname-O95uts {
+  color: rgba(255, 255, 255, 0.7);
+  transition: all 0.15s ease-in-out;
+}
+
+.discordTag-X7dpau {
+  color: rgba(255, 255, 255, 0.3);
+  opacity: 1;
+  transition: all 0.15s ease-in-out;
+}
+
+.footerSeparator-M9dQY1 {
+  box-shadow: 0 -1px 0 rgba(255, 255, 255, 0.04);
+}
+
+.container-2dqNWc {
+  background-color: rgba(0, 0, 0, 0.8);
+}
+
+.button-uXr0L2: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;
+}
+
+.popoutContainer-1MXdqN {
+  background-color: rgba(0, 0, 0, 0.8);
+}
+
+.emojiSection-3Fb9ix {
+  background-color: transparent;
+}
+
+.guildSection-1EoFKd {
+  background-color: transparent;
+}
+
+.loadingBackground-1p5N1j .loading-1lSwpg {
+  opacity: 0.3;
+}
+
+.toolbar-2bjZV7 {
+  background-color: rgba(0, 0, 0, 0.8);
+}
+
+.toolbar-2bjZV7::before {
+  border-top: 8px solid rgba(0, 0, 0, 0.8);
+}
+
+.active-2HPddW,
+.hover-28QbSq:hover {
+  background-color: rgba(255, 255, 255, 0.05);
+}
+
+.icon-KgGMGo {
+  color: rgba(255, 255, 255, 0.7);
+}
+
+.theme-dark .streamPreview-2-WUWT {
+  background-color: rgba(0, 0, 0, 0.8);
+}
+.theme-dark .theme-dark .previewContainer-12UlHl {
+  background-color: transparent;
+}
+
+.overflow-3zpvTV {
+  background-color: var(--main-color);
+}
+
+.theme-dark .contentWarningPopout-n5JsIs {
+  background-color: rgba(0, 0, 0, 0.8);
+}
+.theme-dark .footer-3N9rgh {
+  background-color: transparent;
+}
+
+/* GIF PICKER */
+.header-1TOWci .searchBar--fTZYa {
+  background-color: rgba(255, 255, 255, 0.07);
+  border: none;
+  box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.09);
+  margin-top: 2px;
+}
+.header-1TOWci .searchBar--fTZYa:focus-within {
+  box-shadow: 0 0 2px 2px var(--main-color);
+  transition: all 0.15s ease-in-out;
+}
+.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::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 0.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 .scrollerBase-289Jih::-webkit-scrollbar {
+  width: 10px !important;
+}
+.content-ySCtCx .categoryFade-2ybR1J,
+.content-ySCtCx .categoryFadeBlurple-1j72_A {
+  transition: all 0.15s ease-in-out;
+}
+.content-ySCtCx .categoryFade-2ybR1J:hover {
+  background: rgba(0, 0, 0, 0.7);
+}
+.content-ySCtCx .categoryFadeBlurple-1j72_A {
+  background: transparent;
+}
+.content-ySCtCx .categoryFadeBlurple-1j72_A:after {
+  content: "";
+  width: 100%;
+  height: 100%;
+  display: block;
+  background: var(--main-color);
+  border-radius: 4px;
+  opacity: 0.7;
+}
+.content-ySCtCx .categoryText-2-8pri {
+  color: #fff;
+  filter: drop-shadow(0 1px 1px rgba(0, 0, 0, 0.7));
+}
+.content-ySCtCx .result-3w1ZcL:after {
+  transition: all 0.15s ease-in-out;
+}
+.content-ySCtCx [style*="background-color:"].result-3w1ZcL {
+  background: var(--main-color) !important;
+}
+.content-ySCtCx [style*="background-color: rgb(179, 174, 255)"].result-3w1ZcL {
+  filter: brightness(1.3);
+}
+.content-ySCtCx [style*="background-color: rgb(115, 142, 245)"].result-3w1ZcL {
+  filter: grayscale(0.3);
+}
+.content-ySCtCx [style*="background-color: rgb(146, 154, 250)"].result-3w1ZcL {
+  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 {
+  filter: grayscale(1) brightness(0.7);
+  opacity: 0.3;
+}
+
+/* STICKERS */
+.container-2XeR5Z {
+  background-color: rgba(255, 255, 255, 0.07);
+  border: none;
+  box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.09);
+  margin-top: 2px;
+}
+.container-2XeR5Z:focus-within {
+  box-shadow: 0 0 2px 2px var(--main-color);
+  transition: all 0.15s ease-in-out;
+}
+.container-2XeR5Z .input-1Rv96N {
+  color: #fff;
+}
+.container-2XeR5Z .input-1Rv96N::-moz-placeholder {
+  color: rgba(255, 255, 255, 0.3);
+}
+.container-2XeR5Z .input-1Rv96N:-ms-input-placeholder {
+  color: rgba(255, 255, 255, 0.3);
+}
+.container-2XeR5Z .input-1Rv96N::placeholder {
+  color: rgba(255, 255, 255, 0.3);
+}
+
+.wrapper-2Gsate {
+  background-color: transparent;
+}
+
+.stickerCategory-3Yz7vN {
+  color: rgba(255, 255, 255, 0.7);
+}
+.stickerCategory-3Yz7vN:hover {
+  background-color: rgba(255, 255, 255, 0.07);
+  border-radius: 4px;
+}
+
+.stickerCategorySelected-2uaMAG, .stickerCategorySelected-2uaMAG:hover {
+  background-color: var(--main-color);
+  color: #fff;
+}
+
+.wrapper-OxgYJ1 .scrollerBase-289Jih .listItems-1uJgMC .row-2psonc {
+  -moz-column-gap: 8px !important;
+       column-gap: 8px !important;
+}
+
+.stickerInspected-2EM4w- .inspectedIndicator-59EII8 {
+  background-color: var(--main-color);
+}
+
+.theme-dark .containerBackground-LlUax5 {
+  opacity: 1;
+  background-color: rgba(0, 0, 0, 0.8);
+  border: none;
+}
+
+/* MESSAGES POPOUT */
+.messagesPopoutWrap-1MQ1bW,
+.recentMentionsPopout-3rCiI6 {
+  background-color: rgba(0, 0, 0, 0.8);
+  -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;
+  border-radius: 5px;
+  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
+}
+
+.header-ykumBX,
+.footer-1kmXd4 {
+  background-color: transparent;
+}
+
+.theme-dark .header-ykumBX .tabBar-1kuXvJ .tab-ck0077 {
+  color: #fff;
+}
+.theme-dark .header-ykumBX .tabBar-1kuXvJ .tab-ck0077.active-1MbGPa {
+  background-color: var(--main-color);
+}
+.theme-dark .header-ykumBX .tabBar-1kuXvJ .tab-ck0077:hover:not(.active-1MbGPa) {
+  background-color: rgba(255, 255, 255, 0.06);
+  color: #fff;
+}
+
+.channelHeader-3Gd2xq {
+  background: rgba(0, 0, 0, 0.8);
+  padding-right: 10px;
+  padding-left: 20px;
+}
+
+.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 0.15s ease-in-out;
+}
+.messageGroupWrapper-o-Zw7G:last-child {
+  border-bottom: none;
+}
+.messageGroupWrapper-o-Zw7G + .messageGroupWrapper-o-Zw7G {
+  margin-top: -1px;
+}
+
+.jumpButton-3DTcS_ {
+  background-color: var(--main-color);
+  color: #fff;
+}
+.jumpButton-3DTcS_:hover {
+  background-color: var(--hover-color);
+  color: #fff;
+}
+
+.container-3iAQ-0 {
+  margin: 0;
+  background-color: transparent;
+  border: none;
+  border-bottom: solid 1px rgba(255, 255, 255, 0.08);
+  border-radius: 0;
+}
+
+.messageContainer-gbhlwo {
+  background: transparent;
+  padding-right: 10px;
+  padding-left: 20px;
+}
+
+.jumpButton-2dvRSC {
+  background-color: var(--main-color);
+}
+.jumpButton-2dvRSC .text-3KVtey {
+  color: #fff;
+}
+.jumpButton-2dvRSC:hover {
+  background-color: var(--hover-color);
+}
+.jumpButton-2dvRSC:hover .text-3KVtey {
+  color: #fff;
+}
+
+.icon-1Itzco {
+  background-color: var(--main-color);
+  color: #fff;
+}
+
+.tutorial-3w5I9h {
+  background: transparent;
+  border-bottom: solid 1px rgba(255, 255, 255, 0.08);
+}
+
+.tutorialIcon-3f1miQ {
+  background-color: var(--main-color);
+  color: #fff;
+}
+
+.channel-3pEHab {
+  margin: 0;
+  background-color: transparent;
+  border: none;
+  border-bottom: solid 1px rgba(255, 255, 255, 0.08);
+  border-radius: 0;
+}
+
+.messages-3G3erD {
+  background: transparent;
+  padding-right: 10px;
+  padding-left: 20px;
+}
+
+.collapseButton-2ZsEjz {
+  padding-left: 9px;
+}
+
+/* THREAD HEADER POPOUT */
+.popout-APcvZm {
+  background-color: rgba(0, 0, 0, 0.8);
+  border-radius: 5px;
+  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
+}
+.popout-APcvZm .row-1ImlrZ:hover {
+  background-color: var(--hover-color);
+}
+
+/* MODAL */
+.theme-dark .modal-2VIBV8,
+.theme-dark .root-1gCeng {
+  background: rgba(0, 0, 0, 0.5);
+  box-shadow: none;
+}
+.theme-dark .modal-2VIBV8 .footer-2gL1pp,
+.theme-dark .root-1gCeng .footer-2gL1pp {
+  background: transparent;
+  box-shadow: none;
+}
+
+/* USER PROFILE MODAl */
+.root-3QyAh1 {
+  max-height: 100vh;
+  background: transparent;
+  box-shadow: 0 0 30px 5px rgba(0, 0, 0, 0.3);
+}
+.root-3QyAh1: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);
+  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-3QyAh1 > .topSection-y3p-_D {
+  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.6)) center/cover;
+}
+
+.profileBanner-33-uE1 {
+  -webkit-mask: linear-gradient(to bottom, #000 50%, transparent);
+  mask: linear-gradient(to bottom, #000 50%, transparent);
+}
+
+.additionalActionsIcon-365LnQ {
+  width: 24px;
+  height: 24px;
+  background: url(https://clearvision.gitlab.io/icons/expand_more.svg) center/36px no-repeat;
+  opacity: 0.3;
+  transition: all 0.15s ease-in-out;
+}
+.additionalActionsIcon-365LnQ:hover {
+  opacity: 0.7;
+}
+.additionalActionsIcon-365LnQ > g {
+  display: none;
+}
+
+.avatar-AvHqJA {
+  border-color: transparent;
+  background-color: transparent;
+}
+
+.nameTag-ECvD8P {
+  display: flex;
+  flex-direction: row;
+  align-items: flex-end;
+}
+
+.profileBadge24-179Xm3 {
+  opacity: 0.7;
+  transition: all 0.15s ease-in-out;
+  filter: drop-shadow(0 0 3px rgba(0, 0, 0, 0.7));
+}
+.profileBadge24-179Xm3:hover {
+  opacity: 1;
+}
+
+.profileBadgeStaff-13GO7z {
+  background-image: url(https://clearvision.gitlab.io/icons/discord/badgeStaff.svg);
+}
+.profileBadgePartner-SjK6L2 {
+  background-image: url(https://clearvision.gitlab.io/icons/discord/badgePartner.svg);
+}
+.profileBadgeHypesquad-1YIe7Z {
+  background-image: url(https://clearvision.gitlab.io/icons/discord/badgeHypeSquad.svg);
+}
+.profileBadgeHypeSquadOnlineHouse1-xN6tES {
+  background-image: url(https://clearvision.gitlab.io/icons/discord/badgeHypeSquadBravery.svg);
+}
+.profileBadgeHypeSquadOnlineHouse2-3jBpXR {
+  background-image: url(https://clearvision.gitlab.io/icons/discord/badgeHypeSquadBrilliance.svg);
+}
+.profileBadgeHypeSquadOnlineHouse3-1YbjMX {
+  background-image: url(https://clearvision.gitlab.io/icons/discord/badgeHypeSquadBalance.svg);
+}
+.profileBadgeHypeSquadOnlineHouse1Winner-3OGyO6 {
+  background-image: url(https://clearvision.gitlab.io/icons/discord/badgeHypeSquadBraveryWinner.svg);
+}
+.profileBadgeHypeSquadOnlineHouse2Winner-3GW5Sm {
+  background-image: url(https://clearvision.gitlab.io/icons/discord/badgeHypeSquadBrillianceWinner.svg);
+}
+.profileBadgeHypeSquadOnlineHouse3Winner-2iVu11 {
+  background-image: url(https://clearvision.gitlab.io/icons/discord/badgeHypeSquadBalanceWinner.svg);
+}
+.profileBadgeEarlySupporter-PQB_0a {
+  background-image: url(https://clearvision.gitlab.io/icons/discord/badgeEarlySupporter.svg);
+}
+.profileBadgePremium-3kZ9Qj {
+  background-image: url(https://clearvision.gitlab.io/icons/discord/badgeNitro.svg);
+}
+.profileBadgeBugHunter-IV0vLE {
+  background-image: url(https://clearvision.gitlab.io/icons/discord/badgeBugHunter.svg);
+}
+.profileGuildSubscriberlvl1-pKd1EZ {
+  background-image: url(https://clearvision.gitlab.io/icons/discord/badgeGuildSubscriber1.svg);
+}
+.profileGuildSubscriberlvl2-1aIFve {
+  background-image: url(https://clearvision.gitlab.io/icons/discord/badgeGuildSubscriber2.svg);
+}
+.profileGuildSubscriberlvl3-33AROf {
+  background-image: url(https://clearvision.gitlab.io/icons/discord/badgeGuildSubscriber3.svg);
+}
+.profileGuildSubscriberlvl4-2yY8EG {
+  background-image: url(https://clearvision.gitlab.io/icons/discord/badgeGuildSubscriber4.svg);
+}
+
+.root-3QyAh1 .tabBarContainer-37hZsr {
+  padding: 0 20px;
+  border-color: rgba(255, 255, 255, 0.04);
+}
+
+.tabBar-3nvOPa > .item-PXvHYJ {
+  position: relative;
+  margin: 10px 0 0;
+  padding: 0 10px;
+  border: none !important;
+  color: rgba(255, 255, 255, 0.5) !important;
+  transition: color 0.15s ease-in-out;
+  z-index: 1;
+}
+.tabBar-3nvOPa > .item-PXvHYJ + .item-PXvHYJ {
+  margin-left: 20px;
+}
+.tabBar-3nvOPa > .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 0.15s ease-in-out, bottom 0.2s ease-in-out;
+  z-index: -1;
+}
+.tabBar-3nvOPa > .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 0.2s ease-in-out;
+  z-index: -1;
+}
+.tabBar-3nvOPa > .item-PXvHYJ:hover:before, .tabBar-3nvOPa > [style*="color: rgb(255, 255, 255)"].item-PXvHYJ:before {
+  opacity: 1;
+}
+.tabBar-3nvOPa > .item-PXvHYJ:hover {
+  color: rgba(255, 255, 255, 0.7) !important;
+}
+.tabBar-3nvOPa > .item-PXvHYJ.selected-3s45Ha, .tabBar-3nvOPa > [style*="color: rgb(255, 255, 255)"].item-PXvHYJ {
+  color: #fff !important;
+}
+.tabBar-3nvOPa > .item-PXvHYJ.selected-3s45Ha:after, .tabBar-3nvOPa > [style*="color: rgb(255, 255, 255)"].item-PXvHYJ:after {
+  top: 0;
+  -webkit-animation: cv-slide-top 0.2s ease-in-out;
+          animation: cv-slide-top 0.2s ease-in-out;
+}
+.tabBar-3nvOPa > .item-PXvHYJ.selected-3s45Ha:before, .tabBar-3nvOPa > [style*="color: rgb(255, 255, 255)"].item-PXvHYJ:before {
+  bottom: 100%;
+  animation: cv-slide-bottom 0.2s ease-in-out reverse;
+}
+
+.root-3QyAh1 > .body-r6_QPy {
+  height: 306px;
+  background: rgba(0, 0, 0, 0.7);
+}
+
+.body-r6_QPy .userInfoSection-q_35fn + .userInfoSection-q_35fn {
+  border-color: rgba(255, 255, 255, 0.04);
+}
+.body-r6_QPy .userInfoSection-q_35fn > .userInfoSectionHeader-3TYk6R {
+  color: rgba(255, 255, 255, 0.7);
+}
+.body-r6_QPy .userInfoSection-q_35fn > .note-367eZJ > textarea {
+  background: transparent;
+  color: rgba(255, 255, 255, 0.8);
+}
+.body-r6_QPy .userInfoSection-q_35fn > .note-367eZJ > textarea:focus {
+  background: transparent;
+}
+.body-r6_QPy .userInfoSection-q_35fn > .note-367eZJ > textarea::-moz-placeholder {
+  color: rgba(255, 255, 255, 0.5);
+}
+.body-r6_QPy .userInfoSection-q_35fn > .note-367eZJ > textarea:-ms-input-placeholder {
+  color: rgba(255, 255, 255, 0.5);
+}
+.body-r6_QPy .userInfoSection-q_35fn > .note-367eZJ > textarea::placeholder {
+  color: rgba(255, 255, 255, 0.5);
+}
+
+.connectedAccounts-QlRa4m > .connectedAccount-2Jb-Z0 {
+  position: relative;
+  background: rgba(255, 255, 255, 0.04);
+  border-color: transparent;
+  border-radius: 5px;
+  transition: all 0.15s ease-in-out;
+}
+.connectedAccounts-QlRa4m > .connectedAccount-2Jb-Z0:hover {
+  background: rgba(255, 255, 255, 0.07);
+}
+.connectedAccounts-QlRa4m > .connectedAccount-2Jb-Z0:hover .connectedAccountOpenIcon-E5wGF4 {
+  opacity: 0.7;
+}
+.connectedAccounts-QlRa4m > .connectedAccount-2Jb-Z0:active {
+  transform: scale(0.95);
+}
+
+.connectedAccountVerifiedIcon-2cA82O {
+  background: url(https://clearvision.gitlab.io/icons/verified.svg) center/18px no-repeat;
+  opacity: 0.5;
+  z-index: 1;
+}
+.connectedAccountVerifiedIcon-2cA82O .flowerStar-1GeTsn {
+  opacity: 0;
+}
+.connectedAccountVerifiedIcon-2cA82O .childContainer-1wxZNh {
+  display: none;
+}
+
+.connectedAccountOpenIcon-E5wGF4 {
+  background: url(https://clearvision.gitlab.io/icons/popout.svg) center/18px no-repeat;
+  opacity: 0.3;
+  transition: all 0.15s ease-in-out;
+}
+.connectedAccountOpenIcon-E5wGF4:after {
+  content: "";
+  position: absolute;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+}
+
+.emptyIcon-1yiM-z {
+  filter: grayscale(1) brightness(2);
+  opacity: 0.3;
+}
+
+.emptyText-2d2yNp {
+  color: rgba(255, 255, 255, 0.3);
+}
+
+.listScroller-3GmIYj .listRow-hutiT_ {
+  position: relative;
+  color: rgba(255, 255, 255, 0.5);
+  transition: all 0.15s ease-in-out;
+  z-index: 1;
+}
+.listScroller-3GmIYj .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-3GmIYj .listRow-hutiT_:hover {
+  background: transparent;
+  color: rgba(255, 255, 255, 0.7);
+}
+.listScroller-3GmIYj .listRow-hutiT_:hover:after {
+  opacity: 1;
+}
+.listScroller-3GmIYj .listRow-hutiT_:active {
+  transform: scale(0.97);
+}
+
+.listAvatar-1NlAhb {
+  background-color: rgba(0, 0, 0, 0.2);
+}
+
+/* KEYBOARD SHORTCUTS MODAL */
+.theme-dark .keyboardShortcutsModal-3piNz7 {
+  background-color: rgba(0, 0, 0, 0.5);
+}
+.theme-dark .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 0.15s ease-in-out;
+}
+.theme-dark .keybindShortcut-1BD6Z1 span:hover {
+  background: var(--hover-color);
+  color: #fff;
+}
+.theme-dark .keybindShortcut-1BD6Z1 span:active {
+  border: 1px solid var(--hover-color);
+  box-shadow: inset 0 -2px var(--main-color);
+  color: #fff;
+}
+
+.theme-dark .footer-2gL1pp .footerTitle-2CYZch {
+  color: #fff;
+}
+.theme-dark .footer-2gL1pp .button-38aScr {
+  color: #fff;
+}
+.theme-dark .footer-2gL1pp .button-38aScr:hover {
+  text-decoration: underline;
+}
+.theme-dark .base-1x0h_U {
+  color: #fff;
+}
+
+.root-1gCeng .colorHeaderPrimary-26Jzh-,
+.root-1gCeng .colorHeaderSecondary-3Sp3Ft,
+.root-1gCeng .container-1CE3eW .input-cIJ7To {
+  color: #fff;
+}
+.root-1gCeng .iconContainer-2B0ixr > svg > circle {
+  fill: var(--main-color);
+}
+.root-1gCeng .sampleLink-2NLvZg {
+  color: var(--main-color);
+  font-weight: 500;
+}
+
+.container-UC8Ug1 {
+  background-color: var(--main-color);
+}
+.container-UC8Ug1:hover {
+  background-color: var(--hover-color);
+}
+.container-UC8Ug1 .text-1FOLJS {
+  color: #fff;
+}
+.container-UC8Ug1 .arrow-hynWUl {
+  filter: brightness(0) invert(1);
+}
+
+/* create a server input wrapper - temp cause idk where else it affects */
+.input--jS-j2 {
+  background-color: transparent;
+}
+
+.button-18p_f6 {
+  color: var(--url-color);
+}
+.button-18p_f6:hover {
+  color: var(--hover-color);
+  text-decoration: underline;
+  background-color: transparent;
+}
+
+.theme-dark .uploadModal-2ifh8j {
+  background-color: rgba(0, 0, 0, 0.5);
+}
+.theme-dark .uploadModal-2ifh8j .footer-3mqk7D {
+  background-color: transparent;
+}
+
+.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 {
+  background-color: transparent;
+  border: 2px solid var(--main-color);
+}
+
+.uploadModalIn-1z07Bv .uploadDropModal-2kTwbc .bgScale-1otPtc {
+  background-color: var(--main-color);
+}
+
+/* Region Selector */
+.regionSelectModal-12e-57 {
+  background-color: rgba(0, 0, 0, 0.5) !important;
+}
+.regionSelectModal-12e-57 .regionSelectModalHeader-21khC1 {
+  color: var(--header-primary);
+}
+.regionSelectModal-12e-57 .regionSelectModalOption-2DSIZ3 {
+  background-color: transparent;
+  border: none;
+  box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.07);
+}
+.regionSelectModal-12e-57 .regionSelectModalOption-2DSIZ3:hover {
+  box-shadow: 0 0 2px 2px var(--main-color);
+}
+.regionSelectModal-12e-57 .regionSelectModalOption-2DSIZ3 .regionSelectName-2-2FWh {
+  color: #fff;
+}
+
+/* Message Deletion Confirmation*/
+.theme-dark .message-2qRu38 {
+  background-color: transparent;
+  box-shadow: 0 0 2px 2px var(--main-color);
+}
+
+/* Notifications Settings */
+.searchInput-5YMkDH {
+  background-color: transparent;
+}
+
+.theme-dark .override-2YgiXd:hover {
+  border-color: var(--main-color);
+}
+
+.option-3KoAJB.focused-1T6PE5 {
+  background: var(--hover-color);
+}
+
+/* Custom Status Clear After Duration */
+.option-3KoAJB:focus, .option-3KoAJB:hover {
+  background-color: var(--hover-color);
+}
+
+.selectedIcon-3uS11H {
+  color: var(--interactive-active);
+}
+
+.lookFilled-22uAsw.select-2fjwPw {
+  background-color: rgba(255, 255, 255, 0.05);
+}
+
+.popout-VcNcHB {
+  background-color: rgba(0, 0, 0, 0.8);
+  border: none;
+  border-radius: 4px;
+}
+
+.option-3KoAJB[aria-selected=true] {
+  background-color: var(--main-color);
+}
+
+/* Reactions List  */
+.theme-dark .scroller-1-nKid,
+.theme-dark .reactors-Blmlhw {
+  background-color: transparent;
+}
+.theme-dark .reactionDefault-GBA58K {
+  margin-bottom: 10px;
+}
+.theme-dark .reactionSelected-1pqISm {
+  background-color: var(--main-color);
+  margin-bottom: 10px;
+}
+.theme-dark .reactionSelected-1pqISm .colorStandard-2KCXvj {
+  color: #fff;
+}
+
+/* Change Identity */
+.upsellCard-11CKVn {
+  background-color: transparent;
+}
+
+/* Quickswitcher */
+.quickswitcher-3JagVE {
+  background-color: rgba(0, 0, 0, 0.5);
+}
+
+.input-2VB9rf {
+  background-color: rgba(255, 255, 255, 0.07);
+}
+
+.scroller-zPkAnE {
+  background-color: transparent;
+  margin-top: 10px;
+}
+.scroller-zPkAnE::-webkit-scrollbar-track {
+  background-color: transparent !important;
+}
+
+/* Discord Nitro Gift Payment */
+.table-39R0Oe {
+  background-color: transparent;
+}
+
+.paymentSourceWrapper-2dIzE4 .lookFilled-1h1y05.select-1Pkeg4 {
+  margin: 0 2px;
+}
+
+/* Server dropdown menu server boost */
+.theme-dark .perksModal-fSYqOq, .theme-dark .tierMarkerBackground-3q29am {
+  background-color: transparent;
+}
+
+.ctaBar-2UsjF2 {
+  background-color: rgba(0, 0, 0, 0.4);
+}
+
+.theme-dark .perk-2WeBWW, .theme-dark .barBackground-2EEiLw {
+  background-color: var(--backdrop-overlay);
+}
+
+.theme-dark .tierBody-16Chc9,
+.theme-dark .tierHeaderLocked-1s2JJz {
+  background-color: rgba(0, 0, 0, 0.4);
+}
+
+/* SCREEN SHARE */
+.segmentControlOption-1vCKaY {
+  color: rgba(255, 255, 255, 0.7);
+}
+.theme-dark .segmentControlOption-1vCKaY.selected-P8xTeN {
+  color: var(--main-color);
+  border-bottom: 2px solid var(--main-color);
+}
+
+.tile-2w4k5N:hover .sourceThumbnail-27dolk {
+  box-shadow: inset 0 0 0 2px var(--hover-color);
+}
+.tile-2w4k5N .sourceThumbnail-27dolk.selected-1nOkyc {
+  box-shadow: inset 0 0 0 2px var(--main-color);
+}
+
+.card-2Mz_4z {
+  background-color: rgba(255, 255, 255, 0.07);
+  border: 2px solid rgba(255, 255, 255, 0.09);
+}
+
+.theme-dark .selectorButton-EEUWed {
+  background-color: rgba(255, 255, 255, 0.07);
+  border-color: rgba(255, 255, 255, 0.09);
+}
+.theme-dark .selectorButton-EEUWed:not(.selectorButtonPremiumRequired-mKMbIu):hover {
+  background-color: var(--hover-color);
+}
+.theme-dark .selectorButton-EEUWed.selectorButtonSelected-t5V9On:not(.selectorButtonPremiumRequired-mKMbIu) {
+  background-color: var(--main-color);
+}
+
+/* SETTINGS SIDEBAR */
+.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.4);
+  -webkit-backface-visibility: hidden;
+          backface-visibility: hidden;
+  transition: all 0.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 {
+  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 0.15s ease-in-out;
+}
+.standardSidebarView-3F1I7i .sidebar-CFHs9e .side-8zPYf6 .item-PXvHYJ:before {
+  opacity: 0.4;
+  transition: inherit;
+}
+.standardSidebarView-3F1I7i .sidebar-CFHs9e .side-8zPYf6 .item-PXvHYJ:after {
+  content: "";
+  position: absolute;
+  top: 0;
+  right: 100%;
+  bottom: 0;
+  left: 0;
+  opacity: 0.9;
+  transition: all 0.3s ease-in-out;
+  z-index: -1;
+  pointer-events: none;
+}
+.standardSidebarView-3F1I7i .sidebar-CFHs9e .side-8zPYf6 [style*="color: rgb(114, 137, 218)"].item-PXvHYJ {
+  background-color: transparent !important;
+  color: rgba(255, 255, 255, 0.3) !important;
+}
+.standardSidebarView-3F1I7i .sidebar-CFHs9e .side-8zPYf6 [style*="color: rgb(114, 137, 218)"].item-PXvHYJ: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: 0.7;
+}
+.standardSidebarView-3F1I7i .sidebar-CFHs9e .side-8zPYf6 .item-PXvHYJ.selected-3s45Ha:before, .standardSidebarView-3F1I7i .sidebar-CFHs9e .side-8zPYf6 [style*="color: rgb(255, 255, 255)"].item-PXvHYJ:before {
+  opacity: 1;
+}
+.standardSidebarView-3F1I7i .sidebar-CFHs9e .side-8zPYf6 .item-PXvHYJ.selected-3s45Ha:after, .standardSidebarView-3F1I7i .sidebar-CFHs9e .side-8zPYf6 [style*="color: rgb(255, 255, 255)"].item-PXvHYJ:after {
+  right: 0;
+  background: var(--main-color);
+  -webkit-animation: cv-channel-select 0.3s ease-in-out;
+          animation: cv-channel-select 0.3s ease-in-out;
+}
+.standardSidebarView-3F1I7i .sidebar-CFHs9e .side-8zPYf6 .item-PXvHYJ.selected-3s45Ha {
+  background: transparent !important;
+  color: #fff !important;
+  transition: all 0.15s ease-in-out, background 0.3s 0.2s;
+}
+.standardSidebarView-3F1I7i .sidebar-CFHs9e .side-8zPYf6 [style*="color: rgb(255, 255, 255)"].item-PXvHYJ {
+  background: transparent !important;
+  color: #fff !important;
+  transition: all 0.15s ease-in-out, background 0.3s 0.2s;
+}
+.standardSidebarView-3F1I7i .sidebar-CFHs9e .side-8zPYf6 [style*="color: rgb(237, 66, 69)"].item-PXvHYJ {
+  background: transparent !important;
+  color: rgba(255, 255, 255, 0.5) !important;
+}
+.standardSidebarView-3F1I7i .sidebar-CFHs9e .side-8zPYf6 [style*="color: rgb(237, 66, 69)"].item-PXvHYJ:before {
+  opacity: 0.5;
+}
+.standardSidebarView-3F1I7i .sidebar-CFHs9e .side-8zPYf6 [style*="color: rgb(237, 66, 69)"].item-PXvHYJ:after {
+  content: "";
+  position: absolute;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  background: var(--danger-color);
+  opacity: 0.5;
+  transition: inherit;
+  z-index: -1;
+}
+.standardSidebarView-3F1I7i .sidebar-CFHs9e .side-8zPYf6 [style*="color: rgb(237, 66, 69)"].item-PXvHYJ:hover {
+  color: #fff !important;
+}
+.standardSidebarView-3F1I7i .sidebar-CFHs9e .side-8zPYf6 [style*="color: rgb(237, 66, 69)"].item-PXvHYJ:hover:before {
+  opacity: 1;
+  transform: rotateY(180deg);
+}
+.standardSidebarView-3F1I7i .sidebar-CFHs9e .side-8zPYf6 [style*="color: rgb(237, 66, 69)"].item-PXvHYJ:hover:after {
+  opacity: 0.7;
+}
+
+/* CONNECTIONS */
+.connection-1fbD7X,
+.connectionHeader-2MDqhu {
+  background: transparent;
+}
+
+.connectionIcon-2ElzVe + div:before {
+  content: "";
+  position: absolute;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  border-radius: 8px 8px 0 0;
+  pointer-events: none;
+  z-index: -1;
+}
+.connectionIcon-2ElzVe + div:after {
+  content: "";
+  position: absolute;
+  top: 72px;
+  right: 0;
+  bottom: -64px;
+  left: 0;
+  border-radius: 0 0 8px 8px;
+  pointer-events: none;
+  z-index: -1;
+}
+.connectionIcon-2ElzVe[alt*=Twitch] + div:before {
+  background-color: rgba(89, 54, 149, 0.6);
+}
+.connectionIcon-2ElzVe[alt*=Twitch] + div:after {
+  background-color: rgba(89, 54, 149, 0.5);
+}
+.connectionIcon-2ElzVe[alt*=Youtube] + div:before {
+  background-color: rgba(229, 21, 26, 0.6);
+}
+.connectionIcon-2ElzVe[alt*=Youtube] + div:after {
+  background-color: rgba(229, 21, 26, 0.5);
+}
+.connectionIcon-2ElzVe[alt*="Battle.net"] + div:before {
+  background-color: rgba(5, 102, 176, 0.6);
+}
+.connectionIcon-2ElzVe[alt*="Battle.net"] + div:after {
+  background-color: rgba(5, 102, 176, 0.5);
+}
+.connectionIcon-2ElzVe[alt*=Steam] + div:before {
+  background-color: rgba(33, 33, 33, 0.6);
+}
+.connectionIcon-2ElzVe[alt*=Steam] + div:after {
+  background-color: rgba(33, 33, 33, 0.5);
+}
+.connectionIcon-2ElzVe[alt*=Reddit] + div:before {
+  background-color: rgba(255, 89, 0, 0.6);
+}
+.connectionIcon-2ElzVe[alt*=Reddit] + div:after {
+  background-color: rgba(255, 89, 0, 0.5);
+}
+.connectionIcon-2ElzVe[alt*=Facebook] + div:before {
+  background-color: rgba(53, 80, 137, 0.6);
+}
+.connectionIcon-2ElzVe[alt*=Facebook] + div:after {
+  background-color: rgba(53, 80, 137, 0.5);
+}
+.connectionIcon-2ElzVe[alt*=Twitter] + div:before {
+  background-color: rgba(51, 174, 250, 0.6);
+}
+.connectionIcon-2ElzVe[alt*=Twitter] + div:after {
+  background-color: rgba(51, 174, 250, 0.5);
+}
+.connectionIcon-2ElzVe[alt*=Spotify] + div:before {
+  background-color: rgba(29, 185, 84, 0.6);
+}
+.connectionIcon-2ElzVe[alt*=Spotify] + div:after {
+  background-color: rgba(29, 185, 84, 0.5);
+}
+.connectionIcon-2ElzVe[alt*="Xbox Live"] + div:before {
+  background-color: rgba(16, 124, 16, 0.6);
+}
+.connectionIcon-2ElzVe[alt*="Xbox Live"] + div:after {
+  background-color: rgba(16, 124, 16, 0.5);
+}
+.connectionIcon-2ElzVe[alt*=Github] + div:before {
+  background-color: rgba(51, 51, 51, 0.6);
+}
+.connectionIcon-2ElzVe[alt*=Github] + div:after {
+  background-color: rgba(51, 51, 51, 0.5);
+}
+.connectionIcon-2ElzVe[alt*=Facebook] + div:after, .connectionIcon-2ElzVe[alt*=Spotify] + div:after, .connectionIcon-2ElzVe[alt*="Xbox Live"] + div:after {
+  bottom: -108px;
+}
+
+.connectionAccountLabel-1DiK0A {
+  color: rgba(255, 255, 255, 0.7);
+}
+
+.connectionDelete-2Odoln {
+  color: rgba(255, 255, 255, 0.7);
+}
+
+.integrationsWrapper-VkM_zO {
+  background-color: #593695;
+  border-radius: 0 0 8px 8px;
+}
+
+.integration-3kMeY4 {
+  background-color: #593695;
+}
+
+/* SETTINGS SIDEBAR ICONS */
+[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:hover:before {
+  transform: rotateY(180deg);
+  transition: all 0.15s ease-in-out;
+}
+[aria-label=USER_SETTINGS] .sidebar-CFHs9e [aria-controls="My Account-tab"].item-PXvHYJ:before {
+  background-image: url(https://clearvision.gitlab.io/icons/person.svg);
+}
+[aria-label=USER_SETTINGS] .sidebar-CFHs9e [aria-controls="Privacy & Safety-tab"].item-PXvHYJ:before {
+  background-image: url(https://clearvision.gitlab.io/icons/security.svg);
+}
+[aria-label=USER_SETTINGS] .sidebar-CFHs9e [aria-controls="Authorized Apps-tab"].item-PXvHYJ:before {
+  background-image: url(https://clearvision.gitlab.io/icons/apps.svg);
+}
+[aria-label=USER_SETTINGS] .sidebar-CFHs9e [aria-controls=Connections-tab].item-PXvHYJ:before {
+  background-image: url(https://clearvision.gitlab.io/icons/link.svg);
+}
+[aria-label=USER_SETTINGS] .sidebar-CFHs9e [aria-controls="Discord Nitro-tab"].item-PXvHYJ:before {
+  background-image: url(https://clearvision.gitlab.io/icons/nitro.svg);
+}
+[aria-label=USER_SETTINGS] .sidebar-CFHs9e [aria-controls="Nitro Server Boost-tab"].item-PXvHYJ:before {
+  background-image: url(https://clearvision.gitlab.io/icons/server_boost.svg);
+}
+[aria-label=USER_SETTINGS] .sidebar-CFHs9e [aria-controls="Library Inventory-tab"].item-PXvHYJ:before {
+  background-image: url(https://clearvision.gitlab.io/icons/gift.svg);
+}
+[aria-label=USER_SETTINGS] .sidebar-CFHs9e [aria-controls=Billing-tab].item-PXvHYJ:before {
+  background-image: url(https://clearvision.gitlab.io/icons/payment.svg);
+}
+[aria-label=USER_SETTINGS] .sidebar-CFHs9e [aria-controls=Appearance-tab].item-PXvHYJ:before {
+  background-image: url(https://clearvision.gitlab.io/icons/camera.svg);
+}
+[aria-label=USER_SETTINGS] .sidebar-CFHs9e [aria-controls="Voice & Video-tab"].item-PXvHYJ:before {
+  background-image: url(https://clearvision.gitlab.io/icons/mic.svg);
+}
+[aria-label=USER_SETTINGS] .sidebar-CFHs9e [aria-controls="Text & Images-tab"].item-PXvHYJ:before {
+  background-image: url(https://clearvision.gitlab.io/icons/chat.svg);
+}
+[aria-label=USER_SETTINGS] .sidebar-CFHs9e [aria-controls=Notifications-tab].item-PXvHYJ:before {
+  background-image: url(https://clearvision.gitlab.io/icons/notifications.svg);
+}
+[aria-label=USER_SETTINGS] .sidebar-CFHs9e [aria-controls=Keybinds-tab].item-PXvHYJ:before {
+  background-image: url(https://clearvision.gitlab.io/icons/keyboard.svg);
+}
+[aria-label=USER_SETTINGS] .sidebar-CFHs9e [aria-controls=Language-tab].item-PXvHYJ:before {
+  background-image: url(https://clearvision.gitlab.io/icons/language.svg);
+}
+[aria-label=USER_SETTINGS] .sidebar-CFHs9e [aria-controls=Windows-tab].item-PXvHYJ:before {
+  background-image: url(https://clearvision.gitlab.io/icons/windows.svg);
+}
+[aria-label=USER_SETTINGS] .sidebar-CFHs9e [aria-controls=Linux-tab].item-PXvHYJ:before {
+  background-image: url(https://clearvision.gitlab.io/icons/linux.svg);
+}
+[aria-label=USER_SETTINGS] .sidebar-CFHs9e [aria-controls="Streamer Mode-tab"].item-PXvHYJ:before {
+  background-image: url(https://clearvision.gitlab.io/icons/videocam.svg);
+}
+[aria-label=USER_SETTINGS] .sidebar-CFHs9e [aria-controls=Advanced-tab].item-PXvHYJ:before {
+  background-image: url(https://clearvision.gitlab.io/icons/bug.svg);
+}
+[aria-label=USER_SETTINGS] .sidebar-CFHs9e [aria-controls="Game Activity-tab"].item-PXvHYJ:before {
+  background-image: url(https://clearvision.gitlab.io/icons/games.svg);
+}
+[aria-label=USER_SETTINGS] .sidebar-CFHs9e [aria-controls=Overlay-tab].item-PXvHYJ:before {
+  background-image: url(https://clearvision.gitlab.io/icons/aspect_ratio.svg);
+}
+[aria-label=USER_SETTINGS] .sidebar-CFHs9e [aria-controls=changelog-tab].item-PXvHYJ:before {
+  background-image: url(https://clearvision.gitlab.io/icons/history.svg);
+}
+[aria-label=USER_SETTINGS] .sidebar-CFHs9e [aria-controls="Hypesquad Online-tab"].item-PXvHYJ:before {
+  background-image: url(https://clearvision.gitlab.io/icons/hypesquad.svg);
+}
+[aria-label=USER_SETTINGS] .sidebar-CFHs9e [aria-controls=logout-tab].item-PXvHYJ:before {
+  background-image: url(https://clearvision.gitlab.io/icons/exit.svg);
+}
+
+.icon-Zc-uZZ,
+.icon-3Povsy {
+  margin-right: 15px;
+}
+
+/* SETTINGS CONTENT */
+.standardSidebarView-3F1I7i > .contentRegion-3nDuYy {
+  background: transparent;
+}
+
+.contentRegion-3nDuYy .contentRegionScroller-26nc1e,
+.contentRegion-3nDuYy .scroller-305q3I {
+  background: transparent;
+}
+
+.theme-dark .closeButton-1tv5uR {
+  border-color: rgba(255, 255, 255, 0.4);
+}
+.theme-dark .closeButton-1tv5uR:hover {
+  border-color: rgba(255, 255, 255, 0.6);
+  background-color: transparent;
+}
+.theme-dark .closeButton-1tv5uR > svg > path {
+  fill: rgba(255, 255, 255, 0.6);
+}
+.theme-dark .keybind-KpFkfr {
+  color: rgba(255, 255, 255, 0.6);
+}
+
+.avatarUploaderInner-3UNxY3 {
+  background-color: rgba(255, 255, 255, 0.05);
+}
+
+.theme-dark .avatarUploaderIndicator-2G-aIZ {
+  background-color: var(--main-color);
+  background-image: none;
+}
+.theme-dark .avatarUploaderIndicator-2G-aIZ:after {
+  content: "";
+  position: absolute;
+  top: 0;
+  right: 0;
+  left: 0;
+  bottom: 0;
+  background-image: url(https://discord.com/assets/d5c25e76af04cea8997e4a060572feae.svg);
+  background-repeat: no-repeat;
+  background-position: 50%;
+  filter: brightness(0) invert(1);
+  pointer-events: none;
+}
+
+.theme-dark .card-FDVird:before {
+  background-color: rgba(0, 0, 0, 0.4);
+  border: rgba(255, 255, 255, 0.07);
+}
+.theme-dark .button-2CgfFz {
+  background-color: rgba(0, 0, 0, 0.4);
+  border: rgba(255, 255, 255, 0.07);
+}
+.theme-dark .button-2CgfFz:hover {
+  background-color: rgba(0, 0, 0, 0.7);
+  border: rgba(255, 255, 255, 0.07);
+}
+.theme-dark .card-3Qj_Yx {
+  background-color: rgba(0, 0, 0, 0.4);
+  border-color: rgba(255, 255, 255, 0.07);
+}
+.theme-dark .card-3Qj_Yx a {
+  color: var(--url-color);
+}
+
+.pulse-3KGsIm {
+  -webkit-animation: none;
+          animation: none;
+}
+
+[style*=transform].app-2rEoOp {
+  transform: none !important;
+}
+[style*=transform].app-2rEoOp .bg-h5JY_x {
+  -webkit-animation: cv-shake 0.5s ease-in;
+          animation: cv-shake 0.5s ease-in;
+}
+
+/* USER SETTINGS */
+.accountProfileCard-1XCH88 {
+  background-color: rgba(0, 0, 0, 0.4);
+}
+
+.background-1QDuV2,
+.fieldList-21DyL8 {
+  background-color: transparent;
+}
+
+.profileBannerPreview-3_l0Wd {
+  background-color: var(--user-popout-overlay);
+}
+.profileBannerPreview-3_l0Wd > .headerTop-3vNv-a {
+  background: transparent;
+}
+
+.authedApp-mj2Hmd {
+  background-color: rgba(0, 0, 0, 0.4);
+  border-color: rgba(255, 255, 255, 0.07);
+}
+
+.accountList-33MS45 {
+  background-color: rgba(0, 0, 0, 0.4);
+  border-color: rgba(255, 255, 255, 0.07);
+}
+.accountList-33MS45 .accountBtn-2Nozo3 .accountBtnInner-sj5jLs {
+  background-color: rgba(255, 255, 255, 0.05);
+}
+.accountList-33MS45 .accountBtn-2Nozo3 .accountBtnInner-sj5jLs:hover {
+  background-color: rgba(255, 255, 255, 0.07);
+}
+
+.guildHeader-3nh5RK {
+  background-color: rgba(0, 0, 0, 0.6);
+}
+
+.guildSubscriptionSlots-JPXXvN {
+  background-color: rgba(0, 0, 0, 0.4);
+}
+
+.theme-dark .paymentPane-3bwJ6A,
+.theme-dark .paginator-166-09 {
+  background-color: transparent;
+}
+.theme-dark .bottomDivider-1K9Gao {
+  border-color: rgba(0, 0, 0, 0.07);
+}
+.theme-dark .hoverablePayment-Yc6mK7:hover {
+  background-color: rgba(255, 255, 255, 0.05);
+}
+.theme-dark .payment-xT17Mq {
+  background-color: transparent;
+}
+.theme-dark .payment-xT17Mq:not(.hoverablePayment-Yc6mK7) {
+  background-color: rgba(0, 0, 0, 0.4);
+}
+.theme-dark .expandedInfo-3kfShd {
+  background-color: transparent;
+  box-shadow: 0 0 2px 2px var(--main-color);
+}
+.theme-dark .codeRedemptionRedirect-1wVR4b {
+  background-color: rgba(0, 0, 0, 0.4);
+  border-color: rgba(255, 255, 255, 0.07);
+}
+
+.theme-dark .feature-2w65J5 {
+  background-color: rgba(0, 0, 0, 0.4);
+}
+
+.scroller-9moviB {
+  background-color: transparent;
+}
+
+.detailsBlock-FoDTGA,
+.banner-WELp4M {
+  background-color: rgba(0, 0, 0, 0.4);
+}
+
+.cardWrapper-2Min21 {
+  background-color: rgba(0, 0, 0, 0.4);
+}
+
+.theme-dark .gemIndicatorContainer-2jdECl {
+  background-color: transparent;
+}
+
+.previewMessage-1ZN7YG {
+  background-color: rgba(0, 0, 0, 0);
+}
+
+.theme-dark .userSettingsVoice-iwdUCU .container-3PXSwK {
+  background-color: var(--main-color) !important;
+}
+.theme-dark .userSettingsVoice-iwdUCU .progress-1IcQ3A {
+  background-color: rgba(0, 0, 0, 0.7);
+}
+.theme-dark .userSettingsVoice-iwdUCU .notches-1sAcEM {
+  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='20' fill='rgba(0,0,0,.8)'%3E%3Cpath fill-rule='evenodd' d='M0 0h8v20H0V0zm4 2a2 2 0 00-2 2v12a2 2 0 104 0V4a2 2 0 00-2-2z'/%3E%3C/svg%3E");
+}
+
+.userSettingsVoice-iwdUCU .sliderBar-3DezvM.speaking-2bFhO4 {
+  background: var(--main-color) !important;
+}
+
+.userSettingsVoice-iwdUCU .media-engine-video {
+  background-color: rgba(0, 0, 0, 0.4);
+}
+
+.theme-dark .userSettingsVoice-iwdUCU .previewOverlay-2O7_KC {
+  background-color: rgba(0, 0, 0, 0.7);
+  border-color: rgba(255, 255, 255, 0.07);
+}
+
+.wrapper-3jrx9n {
+  border-color: var(--main-color);
+}
+
+.option-n0icdO {
+  background-color: rgba(255, 255, 255, 0.05);
+  opacity: 1;
+}
+.option-n0icdO:hover {
+  background-color: rgba(255, 255, 255, 0.07);
+  opacity: 1;
+}
+.option-n0icdO.selected-mKYnfr {
+  background-color: var(--main-color);
+  border-color: var(--main-color);
+}
+
+.theme-dark .container-1nZlH6 {
+  background-color: rgba(255, 255, 255, 0.05);
+  box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.07);
+  border-color: transparent;
+}
+.theme-dark .container-1nZlH6:not(.disabled-29eJ21):hover {
+  border-color: transparent;
+  box-shadow: 0 0 2px 2px var(--main-color);
+}
+.theme-dark .container-1nZlH6.recording-1H2dS7 {
+  -webkit-animation: cv-shadow-pulse 1s ease-in infinite;
+          animation: cv-shadow-pulse 1s ease-in infinite;
+  box-shadow: 0 0 2px 2px var(--main-color);
+}
+
+.theme-dark .notDetected-33MY4s {
+  background-color: rgba(0, 0, 0, 0.4);
+  border: rgba(255, 255, 255, 0.07);
+}
+.theme-dark .lookLink-9FtZy-.colorLink-35jkBc {
+  color: var(--main-color);
+}
+.theme-dark .lookLink-9FtZy-.colorLink-35jkBc:hover .contents-18-Yxp {
+  background-image: none;
+  text-decoration: underline;
+}
+.theme-dark .game-1ipmAa {
+  box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.04);
+}
+.theme-dark .gameNameInput-385LoS:hover, .theme-dark .gameNameInput-385LoS:focus {
+  background-color: rgba(255, 255, 255, 0.05);
+  border: rgba(255, 255, 255, 0.07);
+}
+
+/* SERVER SETTINGS */
+.theme-dark .elevationHigh-1PneE4 {
+  background-color: rgba(0, 0, 0, 0.7) !important;
+}
+
+.theme-dark .colorPickerCustom-2CWBn2 {
+  background-color: rgba(0, 0, 0, 0.7);
+}
+
+.container-_phMUq {
+  background-color: var(--main-color);
+  color: #fff;
+}
+.container-_phMUq:hover {
+  background-color: var(--hover-color);
+}
+
+.roleRow-30TwGe:hover:not(.roleRowDisableHover-1HiqqT) .button-1-5Aqk {
+  background-color: var(--main-color);
+}
+.roleRow-30TwGe:hover:not(.roleRowDisableHover-1HiqqT) .button-1-5Aqk:hover {
+  background-color: var(--hover-color);
+}
+
+.titleContainer-2CXtJo {
+  background-color: transparent;
+}
+
+.header-2mZ9Ov {
+  background-color: transparent;
+}
+.header-2mZ9Ov:before {
+  content: "";
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  position: absolute;
+  z-index: -1;
+  background: var(--background-image) var(--background-position)/var(--background-size) var(--background-repeat) var(--background-attachment);
+  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));
+}
+.header-2mZ9Ov:after {
+  content: "";
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  position: absolute;
+  z-index: -1;
+  background: var(--user-popout-overlay);
+}
+
+.theme-dark .emojiAliasInput-1y-NBz .emojiInput-1aLNse {
+  background-color: rgba(255, 255, 255, 0.05);
+  padding-bottom: 2.5px;
+  padding-left: 8px;
+}
+
+.wrapper-18yWki {
+  background-color: rgba(0, 0, 0, 0.4);
+}
+
+.tierLock-3nsR0q {
+  color: #fff;
+  opacity: 0.3;
+}
+
+.theme-dark .auditLog-3jNbM6 {
+  border-color: rgba(255, 255, 255, 0.07);
+}
+.theme-dark .auditLog-3jNbM6 .headerClickable-2IVFo9,
+.theme-dark .auditLog-3jNbM6 .headerDefault-1wrJcN {
+  background-color: rgba(0, 0, 0, 0.4);
+}
+.theme-dark .auditLog-3jNbM6 .headerExpanded-CUEwZ5,
+.theme-dark .auditLog-3jNbM6 .divider-1pnAR2,
+.theme-dark .auditLog-3jNbM6 .changeDetails-bk98pu {
+  background-color: rgba(0, 0, 0, 0.7);
+}
+
+.analyticsCard-qckucw {
+  background-color: rgba(0, 0, 0, 0.4);
+}
+
+.developerPortalCtaWrapper-2XNafh {
+  background-color: transparent;
+}
+
+.descriptionBox-1EKQKL {
+  background-color: rgba(0, 0, 0, 0.4);
+}
+
+.featureCard-1RR4Tl,
+.featureIcon-3p1TC_ {
+  background-color: rgba(0, 0, 0, 0.4);
+}
+
+.checklistContainer-mFJZEJ {
+  background-color: rgba(0, 0, 0, 0.4);
+}
+.checklistContainer-mFJZEJ .checklistHeader-1KWcEY {
+  background-color: rgba(0, 0, 0, 0.4);
+}
+.checklistContainer-mFJZEJ .separator-Hx_3SF {
+  background-color: rgba(255, 255, 255, 0.06);
+  opacity: 1;
+}
+
+.container-2w0lh0 {
+  background-color: rgba(0, 0, 0, 0.7);
+}
+
+.checklist-3Y6Fqp {
+  background-color: rgba(0, 0, 0, 0.4);
+}
+.checklist-3Y6Fqp .header-2Y0-A- {
+  background-color: rgba(0, 0, 0, 0.4);
+}
+.checklist-3Y6Fqp .separator-1COOpU {
+  background-color: rgba(255, 255, 255, 0.06);
+}
+
+.card-3RzMcx, .emptyChannelIcon-cc932w {
+  background-color: var(--background-overlay);
+}
+
+.exampleModal-2X2Vf8 {
+  background-color: rgba(0, 0, 0, 0.5);
+}
+.exampleModal-2X2Vf8 .optionContainer-1FtykV {
+  background-color: var(--main-color);
+}
+
+.exampleModal-2X2Vf8, .exampleContainer-25sB-A, .optionContainer-1FtykV {
+  background-color: rgba(0, 0, 0, 0.5);
+}
+
+.enableContainer-6E-puu,
+.previewContainer-1SS3uO {
+  background-color: rgba(0, 0, 0, 0.4);
+}
+
+.editCircle-ityklj {
+  background-color: var(--main-color);
+  color: white;
+}
+
+.welcomeChannel-1rFrIO {
+  background-color: rgba(255, 255, 255, 0.05);
+}
+.welcomeChannel-1rFrIO .channelIcon-1eKmlw {
+  background-color: transparent;
+}
+
+.theme-dark .background-3xPPFc {
+  color: rgba(0, 0, 0, 0.4);
+}
+.theme-dark .tierInProgress-3mBoXq {
+  background-color: rgba(0, 0, 0, 0.4);
+  border: 3px solid #f47fff;
+}
+.theme-dark .tierHeaderLocked-3S508x,
+.theme-dark .tierHeaderUnlocked-3lTDnP,
+.theme-dark .tierBody-3aUxuc {
+  background-color: rgba(0, 0, 0, 0.4);
+}
+
+.guildIcon-3raYf3 {
+  background-color: transparent;
+}
+
+.upsellFooter-3coAfO {
+  background-color: transparent;
+}
+
+.theme-dark .iconWrapper-3LVgIo {
+  background: var(--main-color);
+}
+
+.icon-TYbVk4 {
+  color: #fff;
+}
+.icon-TYbVk4.disabled-24YXy- {
+  color: #fff;
+}
+.icon-TYbVk4:hover {
+  background: var(--hover-color);
+}
+
+.icon-TYbVk4.disabled-24YXy-, .icon-TYbVk4.disabled-24YXy-:hover {
+  color: var(--hover-color);
+}
+
+.searchBar-1YE5UV {
+  background-color: rgba(0, 0, 0, 0.4);
+}
+
+.theme-dark .popoutList-T9CKZQ {
+  background-color: rgba(0, 0, 0, 0.4);
+  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.07);
+}
+.theme-dark .popoutList-T9CKZQ .selectableItem-1MP3MQ.selected-31soGA[style*="background: rgb(114, 137, 218)"] {
+  background-color: var(--main-color) !important;
+}
+.theme-dark .popoutListInput-1l9TUI {
+  background-color: rgba(255, 255, 255, 0.05);
+}
+
+.searchBar-281-wK {
+  background-color: rgba(0, 0, 0, 0.4);
+}
+
+.container-1eFT6O {
+  background-color: rgba(0, 0, 0, 0.8);
+}
+
+.role-2-tni0:hover {
+  background-color: rgba(255, 255, 255, 0.1);
+}
+
+.container-cMG81i {
+  background-color: rgba(255, 255, 255, 0.07);
+}
+
+/* CHANNEL SETTINGS */
+.item-1yAxl1 {
+  background-color: rgba(0, 0, 0, 0.4);
+  border-color: rgba(255, 255, 255, 0.07);
+}
+
+.allow-1PzSY3.selected-2YhbGh {
+  background-color: #43b581;
+  border-color: #43b581;
+}
+
+.deny-3nAuT6.selected-2YhbGh {
+  background-color: #f04747;
+  border-color: #f04747;
+}
+
+.passthrough-1c2ewQ.selected-2YhbGh {
+  background-color: #faa61a;
+  border-color: #faa61a;
+}
+
+.settingCard-3w2mVL {
+  background-color: rgba(0, 0, 0, 0.4);
+}
+.settingCard-3w2mVL.active-1ytUzX {
+  background-color: rgba(0, 0, 0, 0.4);
+}
+
+.cardFolder-28dwxo {
+  background-color: transparent;
+}
+
+.container-VSDcQc .header-2bNvm4 {
+  background-color: rgba(0, 0, 0, 0.7);
+}
+
+/* SERVER DISCOVER */
+.base-3dtUhz .pageWrapper-1PgVDX {
+  background: rgba(0, 0, 0, calc(var(--background-shading) * .5));
+}
+
+.categoryItem-1QIroW.selectedCategoryItem-FHKU_o .itemInner-gPkiWb {
+  background-color: var(--main-color);
+}
+
+.search-1iTphC .searchBox-3Y2Vi7 {
+  background: rgba(0, 0, 0, 0.6);
+  border: none;
+  box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.09);
+}
+.search-1iTphC .searchBox-3Y2Vi7:focus-within {
+  border: none;
+  box-shadow: 0 0 2px 2px var(--main-color);
+}
+.search-1iTphC .searchBox-3Y2Vi7 .input-cIJ7To {
+  border: none;
+  box-shadow: none;
+}
+.search-1iTphC .searchBox-3Y2Vi7 .searchBoxInput-uJtBcv {
+  color: var(--text-normal);
+}
+.search-1iTphC .searchBox-3Y2Vi7 .searchBoxInput-uJtBcv::-moz-placeholder {
+  color: rgba(255, 255, 255, 0.3);
+}
+.search-1iTphC .searchBox-3Y2Vi7 .searchBoxInput-uJtBcv:-ms-input-placeholder {
+  color: rgba(255, 255, 255, 0.3);
+}
+.search-1iTphC .searchBox-3Y2Vi7 .searchBoxInput-uJtBcv::placeholder {
+  color: rgba(255, 255, 255, 0.3);
+}
+.search-1iTphC .searchBox-3Y2Vi7 .searchIcon-1a1-yA {
+  color: var(--main-color);
+}
+.search-1iTphC .searchBox-3Y2Vi7 .closeIcon-2WLZc1 {
+  color: var(--main-color);
+}
+.search-1iTphC .searchBox-3Y2Vi7 .closeIcon-2WLZc1:hover {
+  color: var(--hover-color);
+}
+.searchPage-3GKAdT .search-1iTphC .searchBox-3Y2Vi7 {
+  background: rgba(255, 255, 255, 0.07);
+  border: none;
+  box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.09);
+}
+.searchPage-3GKAdT .search-1iTphC .searchBox-3Y2Vi7:focus-within {
+  border: none;
+  box-shadow: 0 0 2px 2px var(--main-color);
+}
+.searchPage-3GKAdT .search-1iTphC .searchBox-3Y2Vi7 .input-cIJ7To {
+  border: none;
+  box-shadow: none;
+}
+.searchPage-3GKAdT .search-1iTphC .searchBox-3Y2Vi7 .searchBoxInput-uJtBcv {
+  color: var(--text-normal);
+}
+.searchPage-3GKAdT .search-1iTphC .searchBox-3Y2Vi7 .searchBoxInput-uJtBcv::-moz-placeholder {
+  color: rgba(255, 255, 255, 0.3);
+}
+.searchPage-3GKAdT .search-1iTphC .searchBox-3Y2Vi7 .searchBoxInput-uJtBcv:-ms-input-placeholder {
+  color: rgba(255, 255, 255, 0.3);
+}
+.searchPage-3GKAdT .search-1iTphC .searchBox-3Y2Vi7 .searchBoxInput-uJtBcv::placeholder {
+  color: rgba(255, 255, 255, 0.3);
+}
+.searchPage-3GKAdT .search-1iTphC .searchBox-3Y2Vi7 .closeIcon-2WLZc1 {
+  color: var(--main-color);
+}
+.searchPage-3GKAdT .search-1iTphC .searchBox-3Y2Vi7 .closeIcon-2WLZc1:hover {
+  color: var(--hover-color);
+}
+
+.theme-dark .card-3DjzTQ,
+.theme-dark .iconMask-3b8GzQ {
+  background-color: rgba(0, 0, 0, 0.4);
+  transition: all 0.15s ease-in-out;
+}
+.theme-dark .card-3DjzTQ:hover, .theme-dark .card-3DjzTQ:hover .iconMask-3b8GzQ,
+.theme-dark .iconMask-3b8GzQ:hover,
+.theme-dark .iconMask-3b8GzQ:hover .iconMask-3b8GzQ {
+  background-color: rgba(0, 0, 0, 0.6);
+}
+
+.guildList-3cJX3d .spinner-2enMB9 {
+  background-color: rgba(0, 0, 0, 0.8);
+}
+
+.dotOnline-8Ag7EB {
+  background-color: var(--online-color);
+}
+
+.dotOffline-3DXoDy {
+  background-color: var(--offline-color);
+}
+
+.languageSelector-LEtpHP > div > div {
+  background-color: rgba(0, 0, 0, 0.6);
+}
+
+.categoryPill-34fszg.selected-1dONk0 {
+  background-color: var(--main-color);
+}
+
+.emptyContainer-1_gwCl {
+  background-color: rgba(0, 0, 0, 0.6);
+}
+
+/* PREVIEW SERVER */
+.optionContainer-15srkc {
+  background-color: var(--main-color);
+}
+.optionContainer-15srkc:hover {
+  background-color: var(--hover-color);
+}
+.optionContainer-15srkc .optionArrow-2L2fza {
+  color: #fff;
+}
+
+.channelIcon-g61PDh {
+  background-color: transparent;
+}
+
+.theme-dark .notice-2X5hT5 {
+  background-color: transparent;
+}
+
+.notice-2X5hT5 .header-1g25vm::before {
+  content: "";
+  position: absolute;
+  top: 0;
+  right: 0;
+  left: 0;
+  bottom: 0;
+  background-color: var(--main-color);
+  opacity: 0.6;
+  pointer-events: none;
+  z-index: -1;
+  border-radius: 3px;
+}
+
+.container-2Uhd6d {
+  background-color: rgba(0, 0, 0, 0.8);
+}
+
+/* LOADING SCREEN */
+.container-16j22k {
+  background: rgba(0, 0, 0, 0.9);
+}
+
+.links-3Ldd4A {
+  color: var(--main-color);
+  opacity: 1 !important;
+  transition: all 0.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: 0.5 !important;
+}
+
+.path3-2l9TIX {
+  opacity: 0.3 !important;
+}
+
+/*mini loading screen on uncached channel/server */
+.wrapper-3vR61M, .wrapper-1F5TKx {
+  background-color: transparent;
+}
+
+/* CRASH SCREEN */
+.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.";
+}
+
+/* CREATE TREAD */
+.threadSidebar-1o3BTy {
+  background-color: rgba(0, 0, 0, 0.6);
+}
+
+.iconWrapper-L3hQuc {
+  background-color: var(--main-color);
+}
+
+.scroller-36cuUh {
+  justify-content: flex-start;
+}
+
+/* TREADS POPOUT */
+.container-7uh5fX {
+  background-color: transparent;
+}
+
+.layer-v9HyYc .container-7uh5fX {
+  background-color: rgba(0, 0, 0, 0.8);
+  -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;
+  border-radius: 5px;
+  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
+}
+
+.header-1VS4tm {
+  background-color: transparent;
+}
+
+.icon-3pEw1v {
+  background-color: var(--main-color);
+  color: #fff;
+}
+
+.theme-dark .header-1VS4tm .tabBar-31Wimb .tab-PQvTH4 {
+  color: #fff;
+}
+.theme-dark .header-1VS4tm .tabBar-31Wimb .tab-PQvTH4.active-30vPlA {
+  background-color: var(--main-color);
+}
+.theme-dark .header-1VS4tm .tabBar-31Wimb .tab-PQvTH4:hover:not(.active-30vPlA) {
+  background-color: rgba(255, 255, 255, 0.06);
+  color: #fff;
+}
+
+/* THREAD MODAL */
+.modal-2DCYwU {
+  background-color: rgba(0, 0, 0, 0.6) !important;
+  -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;
+  border-radius: 5px;
+  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
+}
+.modal-2DCYwU.container-7uh5fX {
+  background-color: transparent;
+}
+
+.theme-dark .list-wek7hJ .tabBar-wS4pjJ .tab-17bjMB {
+  color: #fff;
+}
+.theme-dark .list-wek7hJ .tabBar-wS4pjJ .tab-17bjMB.active-3JUHqX {
+  background-color: var(--main-color);
+}
+.theme-dark .list-wek7hJ .tabBar-wS4pjJ .tab-17bjMB:hover:not(.active-3JUHqX) {
+  background-color: rgba(255, 255, 255, 0.06);
+  color: #fff;
+}
+
+.container-2I9Hud {
+  background-color: rgba(0, 0, 0, 0.3);
+  border: 2px solid var(--main-color);
+}
+.container-2I9Hud:hover {
+  border: 2px solid var(--hover-color);
+}
+
+/* BETTERDISCORD SETTINGS SIDEBAR */
+.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 0.15s ease-in-out, background-size 0.3s ease-in-out;
+  cursor: pointer;
+}
+.side-8zPYf6 #bd-settings-sidebar .ui-tab-bar-item:before {
+  opacity: 0.3;
+  transition: all 0.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: 0.9;
+  transition: all 0.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: 0.7;
+}
+.side-8zPYf6 #bd-settings-sidebar .ui-tab-bar-item.selected {
+  background: transparent;
+  color: #fff;
+  transition: all 0.15s ease-in-out, background 0.3s 0.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 0.3s ease-in-out;
+          animation: cv-channel-select 0.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 0.1s ease-in-out;
+}
+.side-8zPYf6 #bd-settings-sidebar a:hover {
+  text-shadow: 0 0 1px;
+  text-decoration: none !important;
+}
+
+/* BD SETTINGS SIDEBAR ICONS */
+.sidebar-CFHs9e .bd-settings-tab.item-PXvHYJ:before {
+  background-image: url(https://clearvision.gitlab.io/icons/betterdiscord.svg);
+}
+.sidebar-CFHs9e .bd-customcss-tab.item-PXvHYJ:before {
+  background-image: url(https://clearvision.gitlab.io/icons/code_braces.svg);
+}
+.sidebar-CFHs9e .bd-plugins-tab.item-PXvHYJ:before {
+  background-image: url(https://clearvision.gitlab.io/icons/puzzle.svg);
+}
+.sidebar-CFHs9e .bd-themes-tab.item-PXvHYJ:before {
+  background-image: url(https://clearvision.gitlab.io/icons/palette.svg);
+}
+
+#bda-qem {
+  background-color: rgba(0, 0, 0, 0.5);
+  border: none !important;
+}
+#bda-qem ~ .emojiPicker-3PwZFl {
+  border-radius: 0 0 5px 5px;
+}
+#bda-qem > button {
+  border-color: transparent;
+  box-shadow: none;
+  color: rgba(255, 255, 255, 0.7);
+  transition: all 0.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 0.15s ease-in-out;
+}
+.emote-container:hover {
+  background-color: rgba(255, 255, 255, 0.07);
+}
+
+/* UNOFFICIAL SOURCES INDICATOR */
+/* Custom CSS Editor */
+.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;
+}
+
+.checkbox-3kaeSU .checkboxInner-3yjcPe .checkboxElement-1qV33p:checked + span {
+  background-color: var(--main-color);
+  border-color: var(--main-color);
+}
+
+/* Plugin & Theme Content Error */
+.bd-modal-wrapper .header {
+  background-color: var(--backdrop-overlay);
+}
+.bd-modal-wrapper .bd-modal-body {
+  background-color: var(--backdrop-overlay);
+}
+.bd-modal-wrapper .footer button:hover {
+  background-color: var(--hover-color);
+}
+.bd-modal-wrapper .bd-modal-inner {
+  border: transparent;
+}
+
+/* BETTERDISCORD PLUGINS */
+#pluginNotice #outdatedPlugins span {
+  color: #fff;
+  transition: all 0.1s ease-in-out;
+}
+#pluginNotice #outdatedPlugins span:hover {
+  text-shadow: 0 0 1px;
+  text-decoration: none !important;
+}
+
+.bd-search-wrapper {
+  background-color: rgba(0, 0, 0, 0.4) !important;
+}
+
+.bd-select .bd-select-options {
+  background-color: rgba(0, 0, 0, 0.4) !important;
+  border: hidden !important;
+}
+.bd-select .bd-select-option:hover {
+  background-color: rgba(255, 255, 255, 0.1) !important;
+}
+.bd-select .bd-select-option.selected {
+  background-color: var(--main-color) !important;
+}
+
+.replyer,
+.btn-quote,
+.citar-btn {
+  background-color: rgba(0, 0, 0, 0.4) !important;
+  border-radius: 3px;
+  transition: background-color 0.3s ease-in-out;
+}
+.replyer:hover,
+.btn-quote:hover,
+.citar-btn:hover {
+  background-color: var(--main-color) !important;
+}
+.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: 0.5ch;
+  padding-right: 0.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 0.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: 0.3;
+}
+
+.creationDate,
+.joinedAtDate,
+.lastMessageDate {
+  font-size: 10px;
+  margin-bottom: -2px;
+}
+
+.BE-badge {
+  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;
+}
+
+.sidebar-2K8pFh.hideElement .container-3baos1 {
+  background: transparent;
+}
+
+/* KEYFRAMES */
+@-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: 0.1;
+  }
+}
+@keyframes cv-fade-to-1 {
+  from {
+    opacity: 0;
+  }
+  to {
+    opacity: 0.1;
+  }
+}
+@-webkit-keyframes cv-fade-to-2 {
+  from {
+    opacity: 0;
+  }
+  to {
+    opacity: 0.2;
+  }
+}
+@keyframes cv-fade-to-2 {
+  from {
+    opacity: 0;
+  }
+  to {
+    opacity: 0.2;
+  }
+}
+@-webkit-keyframes cv-fade-to-3 {
+  from {
+    opacity: 0;
+  }
+  to {
+    opacity: 0.3;
+  }
+}
+@keyframes cv-fade-to-3 {
+  from {
+    opacity: 0;
+  }
+  to {
+    opacity: 0.3;
+  }
+}
+@-webkit-keyframes cv-fade-to-4 {
+  from {
+    opacity: 0;
+  }
+  to {
+    opacity: 0.4;
+  }
+}
+@keyframes cv-fade-to-4 {
+  from {
+    opacity: 0;
+  }
+  to {
+    opacity: 0.4;
+  }
+}
+@-webkit-keyframes cv-fade-to-5 {
+  from {
+    opacity: 0;
+  }
+  to {
+    opacity: 0.5;
+  }
+}
+@keyframes cv-fade-to-5 {
+  from {
+    opacity: 0;
+  }
+  to {
+    opacity: 0.5;
+  }
+}
+@-webkit-keyframes cv-fade-to-6 {
+  from {
+    opacity: 0;
+  }
+  to {
+    opacity: 0.6;
+  }
+}
+@keyframes cv-fade-to-6 {
+  from {
+    opacity: 0;
+  }
+  to {
+    opacity: 0.6;
+  }
+}
+@-webkit-keyframes cv-fade-to-7 {
+  from {
+    opacity: 0;
+  }
+  to {
+    opacity: 0.7;
+  }
+}
+@keyframes cv-fade-to-7 {
+  from {
+    opacity: 0;
+  }
+  to {
+    opacity: 0.7;
+  }
+}
+@-webkit-keyframes cv-fade-to-8 {
+  from {
+    opacity: 0;
+  }
+  to {
+    opacity: 0.8;
+  }
+}
+@keyframes cv-fade-to-8 {
+  from {
+    opacity: 0;
+  }
+  to {
+    opacity: 0.8;
+  }
+}
+@-webkit-keyframes cv-fade-to-9 {
+  from {
+    opacity: 0;
+  }
+  to {
+    opacity: 0.9;
+  }
+}
+@keyframes cv-fade-to-9 {
+  from {
+    opacity: 0;
+  }
+  to {
+    opacity: 0.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 {
+    filter: drop-shadow(0 0 3px var(--main-color));
+  }
+  to {
+    filter: drop-shadow(0 0 3px var(--main-color)) drop-shadow(0 0 15px var(--main-color));
+  }
+}
+@keyframes cv-spinner-glow {
+  from {
+    filter: drop-shadow(0 0 3px var(--main-color));
+  }
+  to {
+    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: 0.3;
+  }
+  to {
+    transform: none;
+    opacity: 1;
+  }
+}
+@keyframes cv-spinner-pulse {
+  from {
+    transform: scale(0.8);
+    opacity: 0.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;
+  }
+}
+@-webkit-keyframes cv-shadow-pulse {
+  0% {
+    box-shadow: 0 0 6px 2px var(--main-color);
+  }
+  50% {
+    box-shadow: 0 0 10px 2px var(--main-color);
+  }
+  100% {
+    box-shadow: 0 0 6px 2px var(--main-color);
+  }
+}
+@keyframes cv-shadow-pulse {
+  0% {
+    box-shadow: 0 0 6px 2px var(--main-color);
+  }
+  50% {
+    box-shadow: 0 0 10px 2px var(--main-color);
+  }
+  100% {
+    box-shadow: 0 0 6px 2px var(--main-color);
+  }
+}
+@-webkit-keyframes cv-shake {
+  0%, 100% {
+    transform: none;
+  }
+  15%, 45%, 75% {
+    transform: translate3d(-13px, -8px, 0px);
+  }
+  30%, 60%, 90% {
+    transform: translate3d(13px, 8px, 0px);
+  }
+}
+@keyframes cv-shake {
+  0%, 100% {
+    transform: none;
+  }
+  15%, 45%, 75% {
+    transform: translate3d(-13px, -8px, 0px);
+  }
+  30%, 60%, 90% {
+    transform: translate3d(13px, 8px, 0px);
+  }
+}
+/* The following CSS was made in part by Leozard, LeafyLuigi, KitKat, Scars and Cruxie */
+/* Invite Modal */
+.inviteRow-2L02ae:hover {
+  background-color: rgba(255, 255, 255, 0.4);
+}
+
+/* Invite from web browser modal */
+.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);
+}
+
+/* Dropdown voice call region changer */
+.theme-dark .quickSelectPopout-X1hvgV {
+  background: var(--backdrop-overlay);
+}
+
+/* Stream Ended background */
+.theme-dark .container-2oTpPc, .root-25RxKh {
+  background: transparent;
+}
+
+.theme-dark .previewContainer-12UlHl {
+  background: transparent;
+}
+
+/* Invalid Gift | ref: https://discord.gift/1 */
+.theme-dark .tile-2OwFgW {
+  background-color: var(--background-overlay);
+}
+
+.theme-dark .tile-2OwFgW:hover {
+  background-color: var(--backdrop-overlay);
+}
+
+/* Server unavailable screen. Slight easter egg. */
+.content-MLh4nU, .category-2haXBH, .channelIcon-1TvDoP, .channelName-2wrHHc {
+  background-color: var(--background-overlay);
+}
+
+/* Games tab */
+.scroller-1IIF0A, .scroller-2XE8rp, .header-39GIC8 {
+  background-color: transparent;
+}
+
+/* Volume slider */
+.theme-dark .bubble-3we2di {
+  background-color: var(--main-color);
+}
+
+.theme-dark .bubble-3we2di:before {
+  border-top-color: var(--main-color);
+}
+
+/*
+  ==/ NEW FRIENDS LIST because discord keeps changing shit /==
+*/
+/* No friends playing games */
+.theme-dark .wrapper-3UweLa,
+.emptyCard-1RJw8n {
+  background-color: var(--background-overlay);
+}
+
+/* BD sliders were forgotten about in CV, apparently. */
+#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);
+}
+
+/* Search dropdown */
+.theme-dark .container-3ayLPN {
+  background-color: rgba(0, 0, 0, 0.8);
+}
+
+/* Calls apparently broke */
+.container-2x5lvQ {
+  background: transparent;
+}
+
+.noiseCancellationPopout-iRK2A0 {
+  background-color: var(--backdrop-overlay);
+}
+
+.streamPreview-3YL8OQ {
+  background-color: var(--background-color);
+}
+
+.imageSelected-4Kl81J {
+  border-color: var(--main-color);
+}
+
+/*Border hover and select on search options*/
+.tab-EiCZG6.selected-3gXBLQ, .tab-EiCZG6:hover {
+  border-bottom: 2px solid var(--main-color) !important;
+}
+
+/* birthday confirmation modal */
+.theme-dark .footer-3rDWdC {
+  background-color: var(--backdrop-overlay);
+  box-shadow: none;
+}
+
+.required-7sPBq3 {
+  color: var(--danger-color);
+}
+
+/* Announcement settings */
+.theme-dark .row-_dKwg4:nth-child(odd) {
+  background-color: var(--background-overlay);
+}
+
+/* Welcome Screen - Server settings */
+.enableContainer-1ZFFhM, .previewContainer-1OoJ8M, .welcomeChannel-1wxdCJ, .descriptionInput-1C1q6Z {
+  background-color: var(--background-overlay);
+}
+
+/* Search results */
+.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;
+}
+
+/* Discord Store transparency */
+.scroller-1JpcIc {
+  background-color: transparent;
+}
+
+/* Enable community words, e.g. learn latin, python */
+.guildDetails-2p1NmK {
+  background-color: transparent;
+}
+
+/* Fixed menu selection color when dragging server drop-down */
+.colorDefault-2K3EoJ:active:not(.hideInteraction-1iHO1O) {
+  background-color: var(--hover-color);
+}
+
+/* Not enough server members warning */
+.notEnoughMembersError-1KwJkE {
+  background-color: var(--background-help-warning);
+}
+
+/* Community overview->settings box */
+.upsellContent-1JlpHe, .upsellFooter-ZYsio_, .upsellContainer-L9xv7w {
+  background-color: transparent;
+}
+
+/* Enable discover icons and cards */
+.theme-dark .card-3_CqkU, .theme-dark .iconMask-30Tvqs, .perkArt-1SGWbA {
+  background-color: var(--background-overlay);
+}
+
+/* Webhooks, channels followed icons */
+.iconWrapper-lS1uig {
+  background-color: var(--background-overlay);
+}
+
+/* Fixes Add another channel button drag color */
+.theme-dark .lookFilled-1Gx00P.colorPrimary-3b3xI6:active, .theme-dark .lookFilled-1Gx00P.colorPrimary-3b3xI6:hover {
+  background-color: var(--hover-color);
+}
+
+/* Server is going to lose a level popout */
+.message-39hdqk {
+  width: 110%;
+}
+
+.close-jnIfru:hover {
+  color: var(--danger-color);
+}
+
+/* a few dropdowns somewhere idk */
+.css-n57xjs-menu {
+  background-color: var(--backdrop-overlay);
+}
+
+.css-3vaxre-menu {
+  background-color: var(--backdrop-overlay);
+}
\ No newline at end of file