@import url(https://celestialreaver.github.io/BetterDiscord/themes/base/icon-settings.css);
@import url(https://celestialreaver.github.io/BetterDiscord/themes/base/hljs.css);
@import url(https://celestialreaver.github.io/BetterDiscord/themes/base/font.css);
@import url(https://celestialreaver.github.io/BetterDiscord/themes/base/addons.css);
@import url(https://celestialreaver.github.io/BetterDiscord/themes/base/discard/specialColors.css);

:root {
  --mainColor: #03edf9;
  --backgroundColor01: #2a2139;
  --backgroundColor02: #241b2f;
  --backgroundCode: #262335;
  --backgroundName: rgba(0, 0, 0, 0.2);
  --gradientColor01: #36f9f6;
  --gradientColor02: #f92aad;
  --rs-small-spacing: 2px;
  --rs-medium-spacing: 3px;
  --rs-large-spacing: 4px;
  --rs-small-width: 2px;
  --rs-medium-width: 3px;
  --rs-large-width: 4px;
  --rs-width: 2px;
  --rs-avatar-shape: 50%;
  --rs-online-color: #72f1b8;
  --rs-idle-color: #fede5d;
  --rs-dnd-color: #fe4450;
  --rs-offline-color: #b6b1b1;
  --rs-streaming-color: #643da7;
  --rs-invisible-color: #b6b1b1;
  --rs-phone-visible: block;
  --rs-phone-color: var(--rs-online-color);
  --customFont: "Whitney";
  --rs-version: "1.0.2";
  --logo-gif: url('https://i.imgur.com/z0WUs3L.gifv');
  --chat-bubble: 0;
}

#app-mount .body {
  line-height: 1;
  margin: 0;
  padding: 0;
  font-family: var(--customFont) !important;
  font-size: 14px !important;
  overflow: hidden;
}

#app-mount .appMount-2yBXZl,
body {
  text-rendering: optimizeLegibility;
  border-bottom: none;
}

#app-mount .body.folderContentIsOpen-zz6Fg {
  line-height: 1;
  margin: 0;
  padding: 0;
  font-family: var(--customFont) !important;
  overflow: hidden;
  background: transparent;
  border-radius: 3px;
  background: linear-gradient(to right, #03edf920, #fc28a890) !important;
}

#app-mount .titleBar-1it3bQ {
  border-bottom: 3px double #fc28a880 !important;
  background: linear-gradient(to right, #03edf920, #fc28a890) !important;
}

#app-mount .container-ZMc96U {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  min-width: 0;
  width: 100%;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  height: 48px;
  padding: 0 8px;
  font-size: 16px;
  line-height: 20px;
  cursor: default;
  z-index: 2;
  color: var(--text-normal);
  background-color: var(--backgroundColor01) !important;
  box-shadow: rgb(210 109 208) 0px 6px 30px -10px !important;
}

#app-mount .mentioned-Tre-dv:before {
  background-color: none !important;
  width: 0px !important;
  border-radius: 0px !important;
}

#app-mount .mentioned-Tre-dv {
  font-variant: JIS83;
  background-color: var(--backgroundColor01) !important;
  position: relative;
  background: var(--elevation-high) !important;
  border: 3px groove #03edf940 !important;
  border-radius: 15px !important;
  box-shadow: rgb(3 237 249) 0px 4px 30px -14px !important;
  background-clip: border-content !important;
  background-image: transparent !important;
}

#app-mount .mentioned-Tre-dv:after {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  background-color: #03edf998 !important;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  z-index: -1;
  opacity: 0.15;
  border-radius: 13px;
}

[class*="jumpToPresentBar"] {
  display: contents;
}

[class*="jumpToPresentBar"]>button:first-child {
  display: none;
}

[class*="jumpToPresentBar"]>button:last-child {
  position: absolute;
  z-index: 1;
  bottom: 24px;
  right: 22px;
  padding: 8px !important;
  height: auto;
  background-color: var(--backgroundCode) !important;
  box-shadow: var(--elevation-high);
  border-radius: 100px;
  display: flex;
  font-size: 0px;
  color: transparent;
  transition: font-size .2s .1s, color .2s, padding .4s .1s;
}

[class*="jumpToPresentBar"]>button svg {
  order: -1;
  margin: 0px;
  height: 24px;
  width: 24px;
  top: auto;
  margin-right: 0px;
  margin-left: 0px;
  color: #FFFFFF;
  transition: margin .6s;
}

[class*="jumpToPresentBar"]:hover>button {
  padding: 8px 18px !important;
  font-size: 14px;
  color: #FFFFFF;
  transition: font-size .2s, color .2s .1s, padding .4s;
}

[class*="jumpToPresentBar"]:hover>button svg {
  margin-right: 2px;
  margin-left: -6px;
}

.base-2v-uc0 {
  transition: all 0.5s;
}

.base-2v-uc0:hover {
  transition: all 0s;
  transform: scale(1.02);
  background-color: var(--backgroundColor02) !important;
}

/*
#status-picker .scrollerBase-_bVAAt {
  display: grid;
}

#status-picker-custom-status,
#status-picker div[role=group] {
  grid-column: 1/5;
}

#status-picker .item-10djEX:not(#status-picker-custom-status, #status-picker-switch-account) .status-2DiCMd {
  display: none;
}

#status-picker .description-3Cwkxk {
  display: none;
}

#status-picker .separator-1So4YB {
  display: none;
}

#status-picker .status-2DiCMd {
  margin-left: 8px;
}

#status-picker .customEmojiPlaceholder-3mRJqA,
#status-picker .switchAccountsIcon-36imMT {
  margin-left: 1px;
}

#status-picker .mask-2Me5HY {
  height: 78%;
  width: 78%;
  margin-left: 3px;
}

#status-picker-online,
#status-picker-idle,
#status-picker-dnd {
  margin-right: 20px;
}

#status-picker-online .statusItem-2hiCNB,
#status-picker-idle .statusItem-2hiCNB,
#status-picker-dnd .statusItem-2hiCNB,
#status-picker-invisible .statusItem-2hiCNB {
  padding: 8px 8px;
}

#status-picker-custom-status .statusItem-2hiCNB {
  padding: 6px 8px;
}

#status-picker .customEmojiPlaceholder-3mRJqA {
  background-image: none;
  background-color: var(--interactive-normal);
  mask: var(--icon) center/contain no-repeat;
  -webkit-mask: var(--icon) center/contain no-repeat;
  width: 22px;
  height: 22px;
  --icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' enable-background='new 0 0 24 24' height='24px' viewBox='0 0 24 24' width='24px' fill='%23000000'%3E%3Crect fill='none' height='24' width='24'/%3E%3Cpath d='M11.99,2C6.47,2,2,6.48,2,12s4.47,10,9.99,10C17.52,22,22,17.52,22,12S17.52,2,11.99,2z M8.5,8C9.33,8,10,8.67,10,9.5 S9.33,11,8.5,11S7,10.33,7,9.5S7.67,8,8.5,8z M16.75,14.75C15.8,16.39,14.03,17.5,12,17.5s-3.8-1.11-4.75-2.75 C7.06,14.42,7.31,14,7.69,14h8.62C16.7,14,16.94,14.42,16.75,14.75z M15.5,11c-0.83,0-1.5-0.67-1.5-1.5S14.67,8,15.5,8 S17,8.67,17,9.5S16.33,11,15.5,11z'/%3E%3C/svg%3E");
}

#status-picker .colorDefault-CDqZd0.focused-3qFvc8 .customEmojiPlaceholder-3mRJqA {
  background: var(--interactive-active);
}

#status-picker .switchAccountsIcon-36imMT {
  background-image: none;
  background-color: var(--interactive-normal);
  mask: var(--icon) center/contain no-repeat;
  -webkit-mask: var(--icon) center/contain no-repeat;
  width: 22px;
  height: 22px;
  --icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' enable-background='new 0 0 24 24' height='24px' viewBox='0 0 24 24' width='24px' fill='%23000000'%3E%3Cg%3E%3Crect fill='none' height='24' width='24'/%3E%3C/g%3E%3Cg%3E%3Cpath d='M17,20H4V7c0-0.55-0.45-1-1-1S2,6.45,2,7v13c0,1.1,0.9,2,2,2h13c0.55,0,1-0.45,1-1S17.55,20,17,20z M20,2H8 C6.9,2,6,2.9,6,4v12c0,1.1,0.9,2,2,2h12c1.1,0,2-0.9,2-2V4C22,2.9,21.1,2,20,2z M14,5c1.66,0,3,1.34,3,3c0,1.66-1.34,3-3,3 s-3-1.34-3-3C11,6.34,12.34,5,14,5z M7.76,16c1.47-1.83,3.71-3,6.24-3s4.77,1.17,6.24,3H7.76z'/%3E%3C/g%3E%3C/svg%3E");
}

#status-picker .colorDefault-CDqZd0.focused-3qFvc8 .switchAccountsIcon-36imMT {
  background: var(--interactive-active);
}

#status-picker-custom-status,
#status-picker-switch-account,
#status-picker-switch-account--manage-accounts {
  margin-top: 12px !important;
}

#status-picker-custom-status::after {
  content: "";
  background: var(--background-modifier-accent);
  position: absolute;
  top: -6px;
  left: 2px;
  width: 98%;
  height: 1px;
}

#status-picker-switch-account::after {
  content: "";
  background: var(--background-modifier-accent);
  position: absolute;
  top: -6px;
  left: 2px;
  width: 98%;
  height: 1px;
}

#status-picker-switch-account--manage-accounts::after {
  content: "";
  background: var(--background-modifier-accent);
  position: absolute;
  top: -7px;
  left: 2px;
  width: 98%;
  height: 1px;
}

#status-picker-dnd::after,
#status-picker-idle::after,
#status-picker-online::after {
  content: "";
  background: var(--background-modifier-accent);
  position: absolute;
  top: 6px;
  left: 50px;
  width: 1px;
  height: 24px;
}
*/

.text-sm-medium-3Pz3rB, .text-sm-normal-3Zj3Iv {
  font-family: var(--font-primary);
  font-size: 14px;
  line-height: 18px;
  padding-left: 4px !important;
}

.PronounDB-style-container .PronounDB-style-header {
  font-weight: 700;
  text-transform: uppercase;
  font-size: 12px;
  margin-bottom: 8px;
  color: var(--header-secondary);
  align-content: center;
  padding-left: 4px !important;
}

.PronounDB-style-container .PronounDB-style-tag {
  font-size: 12px;
  color: var(--text-normal);
  padding-left: 4px !important;
}

.PronounDB-style-container {
  margin-bottom: 16px;
  margin-left: 14px;
}

.userInfoSection-3her-v {
  margin-bottom: 16px;
  margin-left: 14px;
}

.UserDetails-connections-header {
  font-weight: 700;
  text-transform: uppercase;
  font-size: 12px;
  margin-bottom: 8px;
  color: var(--header-secondary);
  margin-left: 14px;
}

.UserDetails-connections-connectionsBody .UserDetails-connections-connections {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 8px;
  margin-left: 14px;
}

.list-3FIpnh {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
  background-color: var(--backgroundColor02);
}

.sidebarCard-1Gn1ch {
  background-color: var(--backgroundColor01);
  border: 1px solid var(--backgroundColor02);
  border-radius: 12px;
  padding: 16px;
  margin-bottom: 16px;
}

.container-JhuCwn {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-orient: vertical;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  min-height: 0;
  min-width: 0;
  padding: 10px 12px;
  background-color: var(--backgroundColor01);
  border: 1px solid var(--backgroundColor02) !important;
  border-radius: 12px;
}

.header-1Uy0p6 {
 border: none !important;
}

.userInfoTitle-39qq0Y {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-weight: 700;
  margin-bottom: 8px;
  padding-left: 4px !important;
}

.UserDetails-connections-header {
  font-weight: 700;
  text-transform: uppercase;
  font-size: 12px;
  margin-bottom: 8px;
  color: var(--header-secondary);
  padding-left: 4px !important;
}

.container-2_J666 {
  background-color: var(--backgroundColor01) !important;
  border-radius: 12px;
  color: var(--interactive-normal);
  margin-top: 8px;
  margin-bottom: 32px;
  display: block;
  -ms-flex-negative: 1;
  flex-shrink: 1;
  min-width: 480px;
}

.stepContainer-SaPPyG {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: start;
  margin-top: 8px;
  padding: 12px 18px;
  background: var(--backgroundColor02) !important;
  border-radius: 8px;
  color: var(--header-secondary);
  cursor: pointer;
}

.author-2kHvde, .container-2y0BMF {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-color: var(--backgroundColor01);
}

.container-2qVG6q:hover {
  background-color: var(--backgroundColor01);
  -webkit-box-shadow: var(--elevation-high);
  box-shadow: var(--elevation-high);
  -webkit-transform: translateY(-2px);
  transform: translateY(-2px);
}

.uploadInput-3fblkw {
  position: relative;
  width: 78px;
  height: 78px;
  background-color: transparent !important;
  border-radius: 12px;
  border-radius: 1px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: right;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  cursor: pointer;
}

.scrollerContent-2SW0kQ {
  overflow-anchor: none;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  min-height: 100%;
  background-color: var(--backgroundColor02);
}

.container-3YcgdM {
  position: sticky;
  top: -1px;
  z-index: 2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 4px 16px;
  background-color: var(--backgroundColor02) !important;
  border-top: 1px solid var(--backgroundColor01);
  margin-top: 8px;
}

.reaction-102jx9 {
  border-radius: 8px;
  cursor: pointer;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  margin-right: 4px;
  margin-bottom: 4px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: none .1s ease;
  transition: none .1s ease;
  -webkit-transition-property: background-color,border-color;
  transition-property: background-color,border-color;
  background: var(--backgroundColor01);
  border: 1px solid transparent;
}

.addReactButton-3bSQb6, .buttonInner-3aRbcx {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 8px;
  color: var(--interactive-normal);
  background-color: var(--backgroundColor01);
  height: 24px;
  border-radius: 8px;
  border: 1px solid transparent;
}

.divider-AZrXIA {
  background-color: var(--backgroundColor02);
  height: 8px;
  margin-bottom: 16px;
  width: 100%;
}

.tag-19iIl1 {
  background-color: var(--backgroundColor01) !important;
}

.pill-3pRQlO {
  border-radius: 20px;
  background-color: var(--backgroundColor02) !important;
  border: 2px solid transparent;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 10px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 32px;
  overflow: hidden;
}

.member-48YF_l, .members-3WRCEx {
  background-color: var(--backgroundColor01) !important;
}

.clickable-28SzVr.container-1oeRFJ:hover, .clickable-28SzVr.container-1oeRFJ:hover .muted-14PyqW {
  background-color: var(--backgroundColor02) !important;
  transition: all 0s;
  transform: scale(1.02);
}

.embedSuppressButton-1rZHq6 {
  opacity: 0;
  position: absolute;
  top: -2px;
  right: -20px;
  cursor: pointer;
  padding: 2px;
  color: var(--gradientColor02) !important;
}

.mainCard-3KBsBI {
  background-color: var(--backgroundColor01);
  border-radius: 12px;
}

.card-x5zW6z {
  background-color: var(--backgroundColor01) !important;
  border-color: var(--backgroundColor01) !important;
}

.card-x5zW6z {
  display: flex;
  flex-direction: column;
  position: relative;
  background-color: var(--activity-card-background);
  border: 2px solid var(--backgroundColor02) !important;
  border-radius: 8px;
  box-shadow: var(--elevation-medium);
  height: 370px;
  width: 100%;
  overflow: hidden;
  transition: box-shadow 0.2s ease-out, transform 0.2s ease-out,
    background 0.2s ease-out, border 0.2s ease-out, opacity 0.2s ease-in;
}

.card-YtRIQ2 {
  text-align: center;
  background: var(--backgroundColor02) !important;
  border-radius: 12px !important;
  box-shadow: rgb(210 109 208) 0px 6px 30px -10px !important;
  margin-bottom: 12px !important;
}

#app-mount .emptyCard-KDifrB, #app-mount .wrapper-2RrXDg {
  text-align: center;
  background: var(--backgroundColor02) !important;
  border-radius: 12px !important;
  box-shadow: rgb(210 109 208) 0px 6px 30px -10px !important;
  margin-bottom: 12px !important;
}

#app-mount .rolesList-3uZoaa>.role-2TIOKu {
  border: none ;
  border-radius: 0px ;
  transform: translate(0);
  --border: 1;
}

.role-2TIOKu>.roleRemoveButton-17oXnT {
  position: static;
  width: 12px;
  height: 12px;
  margin-right: 4px;
}

.role-2TIOKu .roleCircle-3K9O3d:before,
.role-2TIOKu .roleCircle-3K9O3d:after {
  content: '';
  box-sizing: border-box;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: -1;
  border-radius: 4px;
}

.role-2TIOKu .roleCircle-3K9O3d:before {
  background: inherit;
  border-radius: 5px;
  border: 2px solid transparent;
  -webkit-mask: linear-gradient(rgba(0, 0, 0, var(--border)) 0 0) padding-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
}

.role-2TIOKu .roleCircle-3K9O3d:after {
  background: linear-gradient(to right, var(--background-secondary-alt), transparent);
}

.role-2TIOKu:focus .roleRemoveIcon-387wKV,
.role-2TIOKu:hover .roleRemoveIcon-387wKV,
.roleRemoveIconFocused-1BliR4 .roleRemoveIcon-387wKV {
  display: inline-block;
}

.role-2TIOKu>.roleRemoveButton-17oXnT>.roleRemoveIcon-387wKV {
  position: static;
  transform: translate(6px, -13px);
}

.role-2TIOKu>.roleRemoveButton-17oXnT>.roleCircle-3K9O3d {
  display: inline-block;
  margin: 0;
}

.iconWrapper-eK7GO6 {
  background-color: var(--backgroundColor02) !important;
}

#app-mount .container-ZMc96U-themed-Hp1KC_ {
  background: var(--backgroundColor01) !important;
  color: var(--backgroundColor01) !important;
  box-shadow: rgb(210 109 208) 0px 6px 30px -10px !important;
}

#app-mount .perksModal-CLcR1c {
  position: static !important;
  border-radius: unset !important;
  width: 100% !important;
  height: 100% !important;
  margin: unset !important;
  padding: unset !important;
  background: var(--backgroundColor02) !important;
  border-radius: 5px !important;
  box-shadow: rgb(210, 109, 208) 0px 6px 30px -10px !important;
}

#app-mount .header-2Kx1US.ChannelDms-channelmembers-wrap.ChannelDms-channelmembers-header:after {
  text-transform: none;
  padding: 10px 0;
  align-items: center;
  justify-content: center;
  font-family: var(--customFont) !important;
  border-bottom: none !important;
  background: var(--backgroundColor02) !important;
}

.container-1eFtFS::before {
  content: "";
  position: fixed;
  top: 220px;
  bottom: 85px;
  right: 70px;
  z-index: -1;
  width: 300px;
  border-radius: var(--border-radius);
  background: var(--logo-gif) bottom/40% no-repeat;
}

.ctaBar-Nhk8yY {
  background-repeat: no-repeat;
  background-size: auto 100%;
  padding: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 4px;
  background-color: var(--backgroundColor01) !important;
}

.userPopoutInnerWithBanner-wsoegj {
  background: linear-gradient(var(--backgroundColor02) 0,var(--backgroundCode)) !important;
  box-shadow: rgb(210 109 208 / 30%) 0px 1px 2px 0px, rgb(210 109 208 / 15%) 0px 2px 6px 6px !important;
  border-radius: 8px !important;
}

.userPopoutInnerNonPremium-3zrFkp {
  background: linear-gradient(var(--backgroundColor02) 0,var(--backgroundCode)) !important;
  box-shadow: rgb(210 109 208 / 30%) 0px 1px 2px 0px, rgb(210 109 208 / 15%) 0px 2px 6px 6px !important;
  border-radius: 8px !important;
}

.tierMarkerBackground-G8FoN4 {
  background-color: var(--backgroundColor01);
}

.tierBody-3ju-rc {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding: 16px;
  border-radius: 0 0 4px 4px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-weight: 500;
  color: var(--interactive-normal);
  background: var(--backgroundColor01) !important;
}

.option-ayUoaq {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 16px;
  margin: 0 10px;
  padding: 0 10px;
  height: 34px;
  border-radius: 8px;
  cursor: pointer;
  background: var(--backgroundColor01) !important;
  box-shadow: rgb(210 109 208 / 30%) 0px 1px 2px 0px,
    rgb(210 109 208 / 15%) 0px 2px 6px 6px !important;
}

.option-ayUoaq:hover {
  background: var(--backgroundColor01) !important;
}

.menu-1QACrS {
  position: relative;
  z-index: 1;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: auto;
  cursor: default;
  max-height: calc(100vh - 32px);
  -webkit-box-shadow: var(--elevation-high);
  box-shadow: var(--elevation-high);
  background: var(--background-floating);
  border-radius: 8px;
  box-shadow: rgb(210 109 208 / 30%) 0px 1px 2px 0px,
    rgb(210 109 208 / 15%) 0px 2px 6px 6px !important;
}

.menu-1QACrS:hover {
  background-color: var(--backgroundColor01) !important;
}

.medium-2NClDM .input-2m5SfJ,
.medium-2NClDM .tag-Pxnlt9 {
  font-size: 16px;
  line-height: 32px;
  height: 30px;
  padding: 0 8px;
  color: #ffffff !important;
}

.message-embed>* {
  --background-secondary: var(--backgroundColor02) !important;
  --background-secondary-alt: var(--backgroundColor01) !important;
  padding-right: 48px;
  background: var(--backgroundColor01) !important;
  border: 1px groove #fc28a835 !important;
  border-radius: 8px !important;
  box-shadow: rgb(210 109 208) 0px 6px 30px -15px !important;
}

.originalLink-Azwuo9 {
  position: absolute !important;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  border: 1px groove #fc28a835 !important;
  border-radius: 8px !important;
  box-shadow: rgb(210 109 208) 0px 6px 30px -15px !important;
}

.video-2HW4jD {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  border: transparent !important;
  border-radius: 10px !important;
  box-shadow: rgb(210 109 208) 0px 6px 30px -15px !important;
}

.grid-1aWVsE {
  overflow: hidden;
  padding: .5rem 1rem 1rem .75rem;
  display: inline-grid;
  grid-template-columns: auto;
  grid-template-rows: auto;
  background: var(--backgroundColor01) !important;
  border: 1px groove #fc28a835 !important;
  border-radius: 8px !important;
  box-shadow: rgb(210 109 208) 0px 6px 30px -15px !important;
  max-width: 100% !important;
  min-width: 100% !important;
  width: 100% !important;
  height: 100% !important;
}

.clickable-LksVCf {
  cursor: pointer;
  border: transparent !important;
  border-radius: 10px !important;
  box-shadow: rgb(210 109 208) 0px 6px 30px -15px !important;
}

.grid-1aWVsE {
  overflow: hidden;
  padding: .5rem 1rem 1rem .75rem;
  display: inline-grid;
  grid-template-columns: auto;
  grid-template-rows: auto;
  background: var(--backgroundColor01) !important;
  border: 1px groove #fc28a835 !important;
  border-radius: 8px !important;
  box-shadow: rgb(210 109 208) 0px 6px 30px -15px !important;
}

.grid-1aWVsE.hasThumbnail-388RMe {
  grid-template-columns: auto -webkit-min-content;
  grid-template-columns: auto min-content;
  background: var(--backgroundColor01) !important;
  border: 1px groove #fc28a835 !important;
  border-radius: 8px !important;
  box-shadow: rgb(210 109 208) 0px 6px 30px -15px !important;
}

.markup-eYLPri code.inline {
  width: auto;
  height: auto;
  padding: 0.2em;
  margin: -0.2em 0;
  border-radius: 3px;
  font-size: 85%;
  font-family: Consolas, Andale Mono WT, Andale Mono, Lucida Console,
    Lucida Sans Typewriter, DejaVu Sans Mono, Bitstream Vera Sans Mono,
    Liberation Mono, Nimbus Mono L, Monaco, Courier New, Courier, monospace;
  text-indent: 0;
  border: none !important;
  white-space: pre-wrap;
}

.markup-eYLPri code {
  font-size: 0.875rem;
  line-height: 1.125rem;
  text-indent: 0;
  white-space: pre-wrap;
  scrollbar-width: thin;
  scrollbar-color: var(--background-tertiary) var(--background-secondary);
  background: var(--background-secondary);
  border: 1px groove #fc28a835 !important;
  border-radius: 8px !important;
  box-shadow: rgb(210 109 208) 0px 6px 30px -15px !important;
}

.container-rr3Ruk {
  width: 100%;
  display: grid;
  box-shadow: rgb(210 109 208) 0px 6px 30px -15px !important;
  border: 1.4px groove #fc28a835 !important;
  border-radius: 2px !important;
}

.interactiveSelected-29CP8y {
  background-color: #fc28a815 !important;
  box-shadow: rgb(210 109 208) 0px 6px 30px -15px !important;
  background-clip: border-box !important;
  border-radius: 12px !important;
  border: 1px groove #fc28a835 !important;
}

.interactive-iyXY_x {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  color: var(--channels-default);
  background-color: var(--backgroundColor01) !important;
}

.interactive-1vLZ_I {
  cursor: pointer;
  color: var(--interactive-normal);
  border-radius: inherit;
}

.ChannelDms-channelmembers-wrap .ChannelDms-channelmembers-header {
  text-transform: none;
  padding: 10px 0;
  align-items: center;
  justify-content: center;
  font-family: var(--customFont);
  border-bottom: linear-gradient(to right, #03edf920, #fc28a890) !important;
  background: var(--backgroundColor02) !important;
}

.topPill-3DJJNV {
  content: "";
  background: var(--backgroundColor02) !important;
  border-bottom: none !important;
}

.ChannelDms-channelpopout-header {
  background: var(--backgroundColor01) !important;
}

.ChannelDms-channelpopout-popout {
  color: #ddd;
  background: var(--backgroundColor02) !important;
  width: 400px;
  height: 600px;
  position: relative;
  box-shadow: rgb(210 109 208 / 30%) 0px 1px 2px 0px,
    rgb(210 109 208 / 15%) 0px 2px 10px 10px !important;
}

.ChannelDms-channelpopout-popout .ChannelDms-channelpopout-collapseButton {
  position: absolute;
  left: -20px;
  top: 50px;
  background: var(--background-secondary-alt);
  border-radius: 100px;
  z-index: 999999;
}

.ChannelDms-channelpopout-content .messagesWrapper-RpOMA3.group-spacing-16 {
  background: var(--backgroundColor02) !important;
  color: var(--backgroundColor02) !important;
}

.input-2m5SfJ {
  color: var(--backgroundColor01) !important;
}

#app-mount .root-g14mjS {
  background: var(--backgroundColor02) !important;
  box-shadow: rgb(210 109 208 / 30%) 0px 1px 6px 0px,
    rgb(210 109 208 / 15%) 0px 2px 10px 10px !important;
}

.form-3gdLxP:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 0.5rem;
  width: 1.25rem;
  background: var(--backgroundColor02) !important;
}

.withFrame-2dL45i {
  height: 20px !important;
  margin-bottom: 0px !important;
  border-radius: 1px !important;
  box-shadow: rgb(210 109 208) 0px 6px 30px -5px !important;
  border-bottom: 1px solid #643da6 !important;
  margin-top: 0px !important;
}

.form-3gdLxP:before {
  background: -webkit-gradient(linear,
      left top,
      left bottom,
      from(rgba(54, 57, 63, 0)),
      to(var(--background-primary)));
  background: var(--backgroundColor02) !important;
}

.guildSubscriptionSlot-1mef6n {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 16px 0px;
  border-bottom: 3px groove#643da645 !important;
}

.guildSubscriptionSlots-1i_C21 {
  padding: 16px;
  background-color: var(--backgroundColor01) !important;
}

.guildsSection-30CJxX {
  border-top: 3px groove#643da645 !important;
  margin-bottom: 60px;
  margin-top: 32px;
  padding-top: 32px;
}

.divider-1wnNcY {
  margin: 40px 0;
  height: 1px;
  background-color: 3px groove#643da645 !important;
}

.card-2xlCYc {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer;
  background-color: var(--backgroundColor01) !important;
}

.card-2xlCYc:hover {
  background-color: var(--backgroundColor02) !important;
}

.marketingRefreshSectionTier1-1chtWC {
  color: var(--text-normal);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-top: 3px groove#643da645 !important;
  margin-top: 48px;
  padding-top: 48px;
}

.noItemsCard-5EOcCl {
  font-size: 16px;
  font-weight: 500;
  line-height: 20px;
  margin-top: 16px;
  padding: 16px 19px;
  border: none;
  color: var(--interactive-active);
  background-color: var(--backgroundColor01) !important;
}

.promotionCard-mo7ClH {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  padding: 20px;
  border-radius: 4px;
  background-color: var(--backgroundColor01) !important;
}

.codeRedemptionRedirect-2hYMSQ {
  font-size: 14px;
  line-height: 18px;
  margin-top: 40px;
  padding: 16px 22px;
  background-color: var(--backgroundColor01) !important;
  border-color: var(--backgroundColor02) !important;
}

.pageButtonNext-2_bbdk,
.pageButtonPrev-3q9rh8 {
  padding: 14px;
  cursor: pointer;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 42px;
  height: 42px;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  border: 1px groove var(--backgroundColor02) !important;
  color: var(--interactive-normal);
}

.pageIndicator-cOEPV8 {
  padding: 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 14px;
  border-color: var(--backgroundColor01);
  border-style: solid;
  border-width: 1px 0;
}

.form-3gdLxP {
  position: relative;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  padding-left: 16px;
  padding-right: 16px;
  margin-top: -8px;
  background: var(--backgroundColor02) !important;
}

.bar-2eAyLE {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: relative;
  font-size: 12px;
  line-height: 16px;
  font-family: var(--font-display);
  font-weight: 500;
  color: #fff;
  background-color: var(--gradientColor02) !important;
  cursor: pointer;
  text-transform: uppercase;
  border-radius: 12px;
  pointer-events: auto;
  -webkit-box-shadow: rgb(210 109 208) 0px 0px 0px 0.3px !important;
  box-shadow: rgb(210 109 208) 0px 0px 0px 0.3px !important;
  -webkit-app-region: no-drag;
  border: 3px groove #03edf940 !important;
  background-clip: content-box !important;
}

.subscriptionsRedirectContainer-zD3U79 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: var(--backgroundColor01) !important;
  padding: 8px;
  border: none;
  margin-bottom: 24px;
}

.guildHeader-1EPPBS {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: var(--backgroundColor01) !important;
  position: relative;
}

.header-1sd0RU {
  background-color: var(--backgroundColor01);
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.card-8UsK4b {
  background-color: var(--backgroundColor01);
  padding: 16px 16px 12px;
  border-radius: 8px;
  border: 1pxsolidvar(--background-secondary);
  -webkit-transition: border-color .5s;
  transition: border-color .5s;
  cursor: pointer;
}

.bd-tab-item.selected {
  cursor: default;
  background-color: var(--backgroundColor01);
}

#app-mount .premiumIndicator-22GgcZ {
  background-color: rgb(210 109 208) !important;
  box-shadow: rgb(210 109 208) 2px 3px 21px -3px !important;
}

.defaultColor-2cKwKo {
  color: #fff;
  font: var(--customFont) !important;
  font-size: 20px !important;
}

.layerContainer-2v_Sit .tooltip-14MtrL {
  backdrop-filter: blur(3.5px);
}

.directionRight-2cNgoe {
  -webkit-transform: rotate3d(0, 0, -1, 90deg);
  transform: rotate3d(0, 0, -1, 90deg);
}

.callContainer-HtHELf {
  overflow: hidden;
  background: #000;
  border-radius: 3px !important;
  border-bottom: 1px solid #643da6 !important;
  box-shadow: rgb(210, 109, 208) 0px 6px 30px -10px !important;
  background-clip: content-box !important;
}

style attribute {
  pointer-events: auto;
  transform: translateX(889px) translateY(600px) translateZ(0px);
  border-radius: 10px !important;
  background-clip: content-box !important;
  border: 3px solid var(--gradientColor01) !important;
  box-shadow: rgb(3 237 249 / 30%) 0px 1px 5px 0px,
    rgb(3 237 249 / 15%) 0px 3px 10px 6px !important;
}

.pictureInPictureWindow-3ms5Zy {
  position: absolute;
  background-clip: content-box !important;
  box-shadow: rgb(3 237 249 / 30%) 0px 1px 5px 0px,
    rgb(3 237 249 / 15%) 0px 3px 10px 6px !important;
  border-radius: 7px !important;
  background-clip: content-box !important;
}

.appMount-2yBXZl,
body {
  text-rendering: optimizeLegibility;
  background: linear-gradient(to right, #03edf920, #fc28a890) !important;
  border-bottom: none;
}

.barButtonBase-Sk2mdB {
  text-align: left;
  background: var(--backgroundColor01) !important;
  color: #fff;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  font-weight: 500;
  padding: 0 12px;
  font-size: 14px;
  line-height: 24px;
  height: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  backdrop-filter: blur(3.5px) !important;
  border-bottom: 1px transparent !important;
  border-radius: 15px !important;
  box-shadow: rgb(210, 109, 208) 0px 6px 30px -10px !important;
}

.barBase-3xxDXu {
  position: absolute;
  left: 16px;
  right: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  z-index: 2;
  min-height: 24px;
  text-transform: capitalize;
  -webkit-transition: opacity 0.15s;
  transition: opacity 0.15s;
  opacity: 0.9;
  cursor: pointer;
  background: var(--backgroundColor02) !important;
  backdrop-filter: blur(3.5px) !important;
  box-shadow: rgb(210, 109, 208) 0px 6px 30px -10px !important;
}

.bf-toolbar {
  user-select: none;
  white-space: nowrap;
  font-size: 85%;
  display: block;
  position: absolute;
  color: var(--backgroundCOlor02) !important;
  width: auto !important;
  right: 0;
  bottom: auto;
  border-radius: 3px;
  height: 27px !important;
  top: 0px;
  transform: translate(0, -100%);
  opacity: 1;
  overflow: hidden !important;
  pointer-events: none;
  padding: 10px 30px 15px 5px;
  margin: 0 5px 0 0;
}

/* Props to @carrot#8812 for the assist for lines 224-244 */
/* change plugin buttons into the same color as the rest */
.scrollableContainer-15eg7h .buttons-uaqb-5 :is(.timestamp-button > svg > path, .InvisibleTyping-typingButton-invisibleTypingTooltip svg > path) {
  fill: #03edf9;
}

/* fix the margin-right on the textbar buttons */
.scrollableContainer-15eg7h .buttons-uaqb-5 {
  margin-right: 6px;
}

/* turn the emoji button into the same color as the rest */
.scrollableContainer-15eg7h .buttons-uaqb-5 .emojiButton-3FRTuj>.contents-3ca1mk>.sprite-2lxwfc {
  filter: grayscale(100%) brightness(80%) sepia(300%) hue-rotate(890deg) saturate(500%) !important;
}

.inner-2pOSmK {
  position: relative;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 1px;
  min-width: 0;
  color: var(--text-normal) !important;
  -webkit-text-fill-color: var(--text-normal) !important;
  border: 3px double var(--rs-streaming-color) !important;
  border-radius: 8px !important;
  box-shadow: rgb(210 109 208 / 30%) 0px 1px 2px 0px,
    rgb(210 109 208 / 15%) 0px 2px 6px 6px !important;
}

.item-2LIpTv {
  position: absolute;
  display: block;
  width: 8px;
  border-radius: 0 4px 4px 0;
  margin-left: -4px;
  background: linear-gradient(-180deg, #03edf998, #fc28a898) !important;
}

.lookFilled-yCfaCM.colorPrimary-2AuQVo {
  color: #ffffff;
  background-color: #72f1b892 !important;
}

.ShowAllActivities-wrapper-wrapper .ShowAllActivities-wrapper-controls {
  margin-bottom: 10px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 5px;
  background: var(--backgroundColor01) !important;
  border-radius: 3px;
  flex: 1 0;
  margin-top: -5px;
}

#app-mount .actionIcon-2sw4Sl,
#app-mount .addButtonIcon-3rJeaD,
#app-mount .arrow-2HswgU,
#app-mount .attachButtonPlus-3IYelE,
#app-mount .button-12Fmur svg,
#app-mount .button-2BMPJJ,
#app-mount .buttonWrapper-3YFQGJ svg,
#app-mount .channelNameIcon-2d0YcP,
#app-mount .colorDefault-CDqZdO .checkbox-hADx5o,
#app-mount .colorDefault-CDqZdO .radioSelection-1UHp0b,
#app-mount .colorDefault-CDqZdO .subtext-2GlkbE,
#app-mount .colorLink-2apWfY,
#app-mount .connectedAccountOpenIcon-1yfBsb,
#app-mount .container-7Unqij svg,
#app-mount .flowerStar-2tNFCR path,
#app-mount .icon-1WVg4I,
#app-mount .icon-1zidb7,
#app-mount .icon-2W8DHg,
#app-mount .icon-2xnN2Y,
#app-mount .icon-3CDcPB,
#app-mount .icon-3N9zCW,
#app-mount .icon-E4cW1l,
#app-mount .iconContainer-1-SsTR,
#app-mount .linkButtonIcon-7rsZcu,
#app-mount .option-2KkUJO.selected-rZcOL- .plusIcon-2V7coV,
#app-mount .overlayToggleIconOn-3_-nGm .fill-MYciTJ,
#app-mount .resultsGroup-1BPR25 .searchLearnMore-7__o_n a,
#app-mount .topSectionNormal-2-vo2m .additionalActionsIcon-3Cy8UU {
  color: #03edf998 !important;
  fill: #03edf998 !important;
  border-radius: 20% !important;
  box-shadow: rgb(3 237 249) 0px 6px 30px -9px !important;
  background-clip: content-box !important;
}

#app-mount .actionIcon-2sw4Sl,
#app-mount .addButtonIcon-3rJeaD,
#app-mount .arrow-2HswgU,
#app-mount .attachButtonPlus-3IYelE,
#app-mount .button-12Fmur svg,
#app-mount .button-2BMPJJ,
#app-mount .buttonWrapper-3YFQGJ svg,
#app-mount .channelNameIcon-2d0YcP,
#app-mount .colorDefault-CDqZdO .checkbox-hADx5o,
#app-mount .colorDefault-CDqZdO .radioSelection-1UHp0b,
#app-mount .colorDefault-CDqZdO .subtext-2GlkbE,
#app-mount .colorLink-2apWfY,
#app-mount .connectedAccountOpenIcon-1yfBsb,
#app-mount .container-7Unqij svg,
#app-mount .flowerStar-2tNFCR path,
#app-mount .icon-1WVg4I,
#app-mount .icon-1zidb7,
#app-mount .icon-2W8DHg,
#app-mount .icon-2xnN2Y,
#app-mount .icon-3CDcPB,
#app-mount .icon-3N9zCW,
#app-mount .icon-E4cW1l,
#app-mount .iconContainer-1-SsTR,
#app-mount .linkButtonIcon-7rsZcu,
#app-mount .option-2KkUJO.selected-rZcOL- .plusIcon-2V7coV,
#app-mount .overlayToggleIconOn-3_-nGm .fill-MYciTJ,
#app-mount .resultsGroup-1BPR25 .searchLearnMore-7__o_n a,
#app-mount .topSectionNormal-2-vo2m .additionalActionsIcon-3Cy8UU {
  color: #03edf998 !important;
  border-radius: 0.5px !important;
  box-shadow: rgb(3 237 249) 0px 6px 20px -09px !important;
}

.button-Jt-tIg {
  border-radius: 4px;
  height: 24px;
  font-size: 12px;
  line-height: 1.3;
  white-space: nowrap;
  cursor: pointer;
  box-shadow: rgb(210 109 208 / 30%) 0px 1px 2px 0px,
    rgb(210 109 208 / 15%) 0px 2px 6px 6px !important;
}

.icon-3AqZ2e {
  display: block;
  width: 48px;
  height: 48px;
  -o-object-fit: cover;
  object-fit: cover;
  pointer-events: none;
  box-shadow: rgb(210 109 208 / 30%) 0px 1px 4px 0px,
    rgb(210 109 208 / 15%) 0px 2px 10px 3px !important;
  background-clip: content-box !important;
  border-radius: 50% !important;
}

.icon-3AqZ2e:before {
  display: block;
  width: 48px;
  height: 48px;
  -o-object-fit: cover;
  object-fit: cover;
  pointer-events: none;
  object-fit: cover;
  pointer-events: none;
  box-shadow: rgb(210 109 208 / 30%) 0px 1px 4px 0px,
    rgb(210 109 208 / 15%) 0px 2px 10px 3px !important;
  background-clip: content-box !important;
  border-radius: 50% !important;
}

.icon-3AqZ2e:after {
  display: block;
  width: 48px;
  height: 48px;
  -o-object-fit: cover;
  object-fit: cover;
  pointer-events: none;
  object-fit: cover;
  pointer-events: none;
  box-shadow: rgb(210 109 208 / 30%) 0px 1px 4px 0px,
    rgb(210 109 208 / 15%) 0px 2px 10px 3px !important;
  background-clip: content-box !important;
  border-radius: 50% !important;
}

.searchBar-3TnChZ .searchBarComponent-3N7dCG {
  width: 100%;
  height: 28px;
  overflow: hidden;
  border-radius: 4px;
  background-color: var(--background-tertiary);
  -webkit-box-shadow: none;
  box-shadow: none;
  color: var(--text-muted);
  text-align: left;
  text-overflow: ellipsis;
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  white-space: nowrap;
  border-radius: 8px !important;
  border: 3px double #643da6 !important;
  box-shadow: rgba(210, 109, 208, 0.3) 0px 1px 2px 0px,
    rgba(210, 109, 208, 0.15) 0px 2px 6px 3px !important;
}

.ChannelDms-channelpopout-popout .ChannelDms-channelpopout-collapseButton {
  position: absolute;
  left: -21px;
  top: 50px;
  background: var(--backgroundColor01) !important;
  border-radius: 100px;
  z-index: 999999;
  box-shadow: var(--elevation-high);
}

.overlayBackground-arbZMT {
  position: relative;
  margin: 28px 16px 16px;
  background-color: transparent !important;
  border-radius: 8px;
  max-height: calc(100vh - 128px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  overflow: hidden;
}

.winButton-3UMjdg {
  color: var(--interactive-active) !important;
  background-clip: content-box !important;
  border: #fc28a820 !important;
  box-shadow: rgb(210 109 208 / 30%) 0px 3px 4px 0px,
    rgb(210 109 208 / 15%) 0px 2px 10px 9px !important;
  border-radius: 4px !important;
  background-clip: content-box !important;
  background: #fc28a820 !important;
  top: -1px !important;
}

.communityInfoVisible-3zc5_s .header-3OsQeK,
.communityInfoVisible-3zc5_s .header-3OsQeK:hover,
.hasBanner-2IrYih .header-3OsQeK,
.hasBanner-2IrYih .header-3OsQeK:hover {
  -webkit-box-shadow: none;
  box-shadow: rgb(210 109 208) 0px 6px 30px -10px !important;
  background-color: transparent;
  opacity: 60%;
}

.container-6sXIoE.withTimeline-824fT_ {
  padding-top: 8px;
  box-shadow: var(--elevation-high) !important;
  background: var(--backgroundColor01) !important;
  border-radius: 10px !important;
  border: 2px groove #fc28a820 !important;
}

.cover-SwJ-ck {
  display: block;
  width: 100%;
  height: 100%;
  color: var(--header-primary);
  object-fit: cover;
  border-radius: 50% !important;
  animation: spin 3s linear infinite !important ;
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }

  to {
    transform: rotate(360deg);
  }
}

.barFill-Dhkah7 {
  border-radius: 2px;
  height: 100%;
  min-width: 4px;
  border-radius: 2px;
  background: linear-gradient(-45deg, #03edf980, #fc28a880) !important;
}

#app-mount .layer-86YKbF~.layer-86YKbF {
  position: absolute !important;
  top: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  left: 0 !important;
  background: var(--settingsmodalbackground) !important;
  border-radius: 5px !important;
  width: var(--settingsmodalwidth) !important;
  height: var(--settingsmodalheight) !important;
  margin: auto !important;
  padding: 0 !important;
  overflow: hidden !important;
  contain: unset !important;
  z-index: 1000 !important;
  box-shadow: rgb(210, 109, 208) 0px 6px 30px -10px !important;
}

.title-17SveM,
.toolbar-3_r2xA {
  -webkit-box-flex: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: var(--backgroundColor02) !important;
  -webkit-box-reflect: #03edf998 !important;
  border-radius: 3px !important;
  background-clip: content-box !important;
}

#app-mount .applicationStore-2nk7Lo,
#app-mount .bg-1QIAus,
#app-mount .chat-2ZfjoI,
#app-mount .container-1NXEtd,
#app-mount .container-2cd8Mz,
#app-mount .container-7Unqij,
#app-mount .contentRegion-3HkfJJ,
#app-mount .contentRegionScroller-2_GT_N,
#app-mount .emptyPreview-1SMLD4,
#app-mount .header-2EadGG,
#app-mount .inviteToolbar-2k2nqz,
#app-mount .keyboardShortcutsModal-2CRmCm,
#app-mount .layer-86YKbF,
#app-mount .members-3WRCEx,
#app-mount .members-3WRCEx>div,
#app-mount .modalTitle-2skSKy,
#app-mount .nowPlayingColumn-1eCBCN,
#app-mount .panels-3wFtMD,
#app-mount .privateChannels-oVe7HL,
#app-mount .scroller-1TOeMq,
#app-mount .scroller-29cQFV,
#app-mount .scroller-2XLwLg,
#app-mount .scroller-3X7KbA,
#app-mount .scroller-WSmht3,
#app-mount .scroller-hE2gWq,
#app-mount .sidebar-1tnWFu,
#app-mount .sidebarRegionScroller-FXiQOh,
#app-mount .stageSection-3mAD8V,
#app-mount .standardSidebarView-E9Pc3j,
#app-mount .threadSidebar-1o3BTy,
#app-mount .tile-2TcwiO,
#app-mount .videoWrapper-3rtb_V,
#app-mount .wrapper-1_HaEi,
#app-mount .wrapper-1gVUIN {
  background: var(--backgroundColor02) !important;
}

#app-mount .container-S9SaVf {
  background-color: var(--backgroundColor01) !important;
}

#app-mount .emptyIconFriends-2LNxTX,
#app-mount .emptyIconGuilds-2NNSTU,
#app-mount .emptyIconStreamerMode-3P4I-V,
#app-mount .emptyStateImage-2qGUMK,
#app-mount .icon-1fWS75,
#app-mount .image-20MDYu,
#app-mount .image-35kDIs,
#app-mount .image-t6rLT3 {
  mix-blend-mode: soft-light;
}

#app-mount .wrapper-2vIMkT {
  background-color: var(--backgroundColor01) !important;
}

#app-mount .bd-button:not(.bd-button-danger),
#app-mount .lookFilled-yCfaCM.colorBrand-21Le_q.disabled,
#app-mount .lookFilled-yCfaCM.colorBrand-I6CyqQ,
#app-mount .lookFilled-yCfaCM.colorGreen-3y-Z79,
#app-mount .lookFilled-yCfaCM.colorGreen-3y-Z79:disabled,
#app-mount .lookFilled-yCfaCM.colorGrey-2iAG-B,
#app-mount .lookFilled-yCfaCM.colorGrey-2iAG-B.disabled,
#app-mount .lookFilled-yCfaCM.colorPrimary-1arORx,
#app-mount .lookFilled-yCfaCM.colorPrimary-1arORx.disabled,
#app-mount .lookInverted-2mDUMi.colorBrand-21Le_q,
#app-mount .lookInverted-2mDUMi.colorBrand-21Le_q.disabled {
  background-color: var(--mainColor) !important;
  -webkit-transition: box-shadow 0.2s ease;
  -ms-transition: box-shadow 0.2s ease;
  -o-transition: box-shadow 0.2s ease;
  -moz-transition: box-shadow 0.2s ease;
  transition: box-shadow 0.2s ease;
  color: #fff !important;
}

.winButton-3UMjdf {
  position: relative;
  top: -4px;
  cursor: pointer;
  width: 28px;
  height: 22px;
  pointer-events: auto;
  -webkit-app-region: no-drag;
  color: #e0e722 !important;
}

#app-mount .container-1eFtFS.webkit-QgSAqd {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-radius: 8px !important;
  border: 1px solid #f92aad !important;
}

#app-mount .bd-button:not(.bd-button-danger):hover,
#app-mount .lookFilled-yCfaCM.colorBrand-21Le_q:hover,
#app-mount .lookFilled-yCfaCM.colorGreen-3y-Z79:hover,
#app-mount .lookFilled-yCfaCM.colorGrey-2iAG-B:hover,
#app-mount .lookFilled-yCfaCM.colorPrimary-1arORx:hover,
#app-mount .lookInverted-2mDUMi.colorBrand-21Le_q:hover {
  background-color: var(--mainColor);
  -webkit-box-shadow: inset 0 0 0 10000px rgba(255, 255, 255, 0.2);
  -ms-box-shadow: inset 0 0 0 10000px rgba(255, 255, 255, 0.2);
  -moz-box-shadow: inset 0 0 0 10000px rgba(255, 255, 255, 0.2);
  -o-box-shadow: inset 0 0 0 10000px rgba(255, 255, 255, 0.2);
  box-shadow: inset 0 0 0 10000px rgba(255, 255, 255, 0.2);
}

#app-mount .lookLink-15mFoz.colorLink-1Md3RZ {
  color: var(--mainColor);
}

#app-mount .closeButton-PCZcma,
#app-mount .lookOutlined-3yKVGo.colorBrand-21Le_q {
  color: var(--mainColor) !important;
  border-color: var(--mainColor) !important;
}

#app-mount .closeButton-PCZcma:hover {
  background-color: var(--mainColor);
}

#app-mount .keybindShortcut-3zF1P9 span {
  border: 1px solid rgba(0, 0, 0, 0.2) !important;
  color: #fff !important;
  background-color: var(--mainColor) !important;
  box-shadow: none !important;
}

#app-mount .colorable-3rVGna.primaryDark-2UJt1G {
  background-color: var(--backgroundColor01) !important;
}

#app-mount .button-12Fmur.enabled-9OeuTA:hover {
  background-color: var(--backgroundColor01) !important;
}

#app-mount .button-3bklZh:hover {
  background-color: var(--backgroundColor02) !important;
}

#app-mount .modeSelected-3DmyhH .content-1gYQeQ,
#app-mount .modeSelected-3DmyhH:hover .content-1gYQeQ,
#app-mount .wrapper-NhbLHG:hover .content-1gYQeQ {
  background-color: var(--backgroundColor01);
}

#app-mount .content-1gYQeQ {
  position: relative;
  overflow: hidden;
}

#app-mount .content-1gYQeQ::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  height: 2px;
  width: 100%;
  background-color: var(--gradientColor01);
  background-image: linear-gradient(-45deg,
      var(--gradientColor01),
      var(--gradientColor02)) !important;
  -webkit-transition: transform 0.2s ease;
  -ms-transition: transform 0.2s ease;
  -o-transition: transform 0.2s ease;
  -moz-transition: transform 0.2s ease;
  transition: transform 0.2s ease;
  -webkit-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  -moz-transform: translateX(-100%);
  -o-transform: translateX(-100%);
  transform: translateX(-100%);
}

#app-mount .link-39sEB3::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  height: 2px;
  width: 100%;
  background-color: var(--gradientColor01);
  background-image: linear-gradient(-45deg,
      var(--gradientColor01),
      var(--gradientColor02)) !important;
  -webkit-transition: transform 0.2s ease;
  -ms-transition: transform 0.2s ease;
  -o-transition: transform 0.2s ease;
  -moz-transition: transform 0.2s ease;
  transition: transform 0.2s ease;
  -webkit-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  -moz-transform: translateX(-100%);
  -o-transform: translateX(-100%);
  transform: translateX(-100%);
}

#app-mount .modeSelected-3DmyhH .content-1gYQeQ,
#app-mount .modeSelected-3DmyhH:hover .content-1gYQeQ,
#app-mount .wrapper-NhbLHG:hover .content-1gYQeQ {
  background-color: var(--backgroundColor01);
}

#app-mount .content-1gYQeQ {
  position: relative;
  overflow: hidden;
}

#app-mount .content-1gYQeQ::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  height: 2px;
  width: 100%;
  background-color: var(--gradientColor01);
  background-image: linear-gradient(-45deg,
      var(--gradientColor01),
      var(--gradientColor02)) !important;
  -webkit-transition: transform 0.2s ease;
  -ms-transition: transform 0.2s ease;
  -o-transition: transform 0.2s ease;
  -moz-transition: transform 0.2s ease;
  transition: transform 0.2s ease;
  -webkit-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  -moz-transform: translateX(-100%);
  -o-transform: translateX(-100%);
  transform: translateX(-100%);
}

#app-mount .modeSelected-3DmyhH .link-39sEB3,
#app-mount .modeSelected-3DmyhH:hover .link-39sEB3,
#app-mount .wrapper-NhbLHG:hover .link-39sEB3 {
  background-color: var(--backgroundColor01);
}

#app-mount .link-39sEB3 {
  position: relative;
  overflow: hidden;
}

#app-mount .link-39sEB3::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  height: 2px;
  width: 100%;
  background-color: var(--gradientColor01);
  background-image: linear-gradient(-45deg,
      var(--gradientColor01),
      var(--gradientColor02)) !important;
  -webkit-transition: transform 0.2s ease;
  -ms-transition: transform 0.2s ease;
  -o-transition: transform 0.2s ease;
  -moz-transition: transform 0.2s ease;
  transition: transform 0.2s ease;
  -webkit-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  -moz-transform: translateX(-100%);
  -o-transform: translateX(-100%);
  transform: translateX(-100%);
}

#app-mount .modeSelected-3DmyhH .content-1gYQeQ::after,
#app-mount .wrapper-NhbLHG:hover .content-1gYQeQ::after {
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  -moz-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
}

#app-mount .wrapper-2fEmwW {
  color: rgba(255, 255, 255, 0.5);
}

#app-mount .wrapper-2fEmwW .users-2JoyGL {
  background-color: var(--backgroundColor01);
}

#app-mount .wrapper-2fEmwW .total-1c5KCN {
  background-color: var(--backgroundColor01) !important;
}

#app-mount .wrapper-2fEmwW .total-1c5KCN:after {
  border-right-color: var(--backgroundColor01) !important;
}

.modeUnread-3Cxepe .name-28HaxV {
  color: var(--interactive-active);
  background: linear-gradient(-45deg, #03edf920, #fc28a850) !important;
  box-shadow: rgb(3 237 249 / 20%) 0px 1px 3px 0px,
    rgb(3 237 249 / 15%) 0px 3px 10px 2px !important;
  border-radius: 4px !important;
  border: transparent !important;
  background-clip: content-box !important;
  animation: heartbeat 2s infinite;
}

.modeUnread-3Cxepe:hover .name-28HaxV {
  animation-play-state: paused !important;
  -moz-animation-play-state: paused !important;
  -webkit-animation-play-state: paused !important;
}

.unreadRelevant-2f-VSK {
  visibility: hidden !important;
}

.theme-dark .container-2qVG6q.isOpen-2OXbFs {
  background-color: var(--backgroundColor01);
}

.avatar-2e8lTP {
  position: absolute;
  left: 16px;
  margin-top: calc(4px - 0.125rem);
  width: 40px;
  height: 40px;
  border-radius: 50%;
  overflow: hidden;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  pointer-events: none;
  z-index: 1;
  box-shadow: rgb(210 109 208 / 30%) 0px 1px 2px 2px,
    rgb(210 109 208 / 15%) 0px 2px 6px 9px !important;
  background-clip: content-box !important;
}

#app-mount .layout-1qmrhw::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  height: 2px;
  width: 100%;
  background-color: var(--gradientColor01);
  background-image: linear-gradient(-45deg,
      var(--gradientColor01),
      var(--gradientColor02)) !important;
  -webkit-transition: transform 0.2s ease;
  -ms-transition: transform 0.2s ease;
  -o-transition: transform 0.2s ease;
  -moz-transition: transform 0.2s ease;
  transition: transform 0.2s ease;
  -webkit-transform: translateX(100%);
  -ms-transform: translateX(100%);
  -moz-transform: translateX(100%);
  -o-transform: translateX(100%);
  transform: translateX(100%);
}

#app-mount .wrapper-1VLyxH {
  box-shadow: rgb(210 109 208 / 30%) 0px 0px 2px 3px,
    rgb(210 109 208 / 15%) 0px 0px 8px -1px !important;
  background-clip: content-box !important;
}

#app-mount .unread-36eUEm:hover:after {
  animation: none;
}

#app-mount .link-39sEB3 .private-channels-uid_1673___nitro {
  display: hidden !important;
  visibility: hidden !important;
}

.activityEmoji-SDBJp8 {
  margin-right: 4px;
  width: 14px;
  height: 14px;
  opacity: 100 !important;
  z-index: 9 !important;
}

.activityEmoji-24oKjc {
  margin-right: 4px;
  width: 14px;
  height: 14px;
  opacity: 100 !important;
  z-index: 9 !important;
}

.activity-icon {
  width: 16px;
  height: 16px;
  margin-left: 2px;
  -webkit-box-flex: 0;
  flex: 0 0 auto;
  z-index: 9 !important;
  opacity: 100% !important;
  color: #fff !important;
  background: var(--backgroundColor02) !important;
  background-image: var(--backgroundColor02) !important;
}

.activityText-1rR-8O {
  -webkit-box-flex: 1 !important;
  -ms-flex: 0 1 auto !important;
  flex: 0 1 auto !important;
  white-space: nowrap !important;
  text-overflow: ellipsis !important;
  overflow: visible !important;
  overflow-x: -webkit-marquee !important;
  -moz-animation: marquee 30s linear infinite !important;
  -webkit-animation: marquee 30s linear infinite !important;
  -webkit-marquee-speed: normal !important;
  animation: marquee 30s linear infinite !important;
  color: var !important;
  width: 350% !important;
}

.activityText-1rR-80:hover {
  animation-play-state: paused !important;
  -moz-animation-play-state: paused !important;
  -webkit-animation-play-state: paused !important;
}

.activityText-ev7Z1T {
  -webkit-box-flex: 1 !important;
  -ms-flex: 0 1 auto !important;
  flex: 0 1 auto !important;
  white-space: nowrap !important;
  text-overflow: ellipsis !important;
  overflow: visible !important;
  overflow-x: -webkit-marquee !important;
  -moz-animation: marquee 30s linear infinite !important;
  -webkit-animation: marquee 30s linear infinite !important;
  -webkit-marquee-speed: normal !important;
  animation: marquee 30s linear infinite !important;
  color: var !important;
  width: 350% !important;
}

.activityText-ev7Z1T:hover {
  animation-play-state: paused !important;
  -moz-animation-play-state: paused !important;
  -webkit-animation-play-state: paused !important;
}

@-moz-keyframes marquee {
  0% {
    -moz-transform: translateX(100%);
  }

  100% {
    -moz-transform: translateX(-100%);
  }
}

@-webkit-keyframes marquee {
  0% {
    -webkit-transform: translateX(100%);
  }

  100% {
    -webkit-transform: translateX(-100%);
  }
}

@keyframes marquee {
  0% {
    -moz-transform: translateX(100%);
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
  }

  100% {
    -moz-transform: translateX(-100%);
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
  }
}

@keyframes pulse {
  0% {
    transform: scale(1);
    opacity: 0;
  }

  50% {
    transform: scale(1.2);
    opacity: 0;
  }
}

@keyframes heartbeat {
  0% {
    transform: scale(1);
  }

  25% {
    transform: scale(1.1);
  }

  50% {
    transform: scale(1);
  }

  100% {
    transform: scale(1);
  }
}

@-webkit-keyframes shine {
  to {
    background-position: 300% center;
  }
}

@keyframes shine {
  to {
    background-position: 300% center;
  }
}

@-webkit-keyframes shine-reversed {
  to {
    background-position: -300% center;
  }
}

@keyframes shine-reversed {
  to {
    background-position: -300% center;
  }
}

#app-mount .userPopout-2j1gM4 {
  background-color: var(#34294f) !important;
  -webkit-box-shadow: rgb(210 109 208 / 30%) 0px 0px 2px 3px,
    rgb(210 109 208 / 15%) 0px 0px 8px -1px !important;
  -ms-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.5);
  -o-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.5);
  box-shadow: rgb(210 109 208 / 30%) 0px 0px 2px 3px,
    rgb(210 109 208 / 15%) 0px 0px 8px -1px !important;
}

#app-mount .newMessagesBar-1hF-9G {
  background-color: var(--mainColor);
}

#app-mount .jumpToPresentBar-1cEnH0 {
  background-color: var(--backgroundColor01);
  box-shadow: inset 0 0 0 100px rgba(0, 0, 0, 0.15);
}

#app-mount .bd-button:not(.bd-button-danger),
#app-mount .lookFilled-yCfaCM.colorBrand-21Le_q.disabled,
#app-mount .lookFilled-yCfaCM.colorBrand-I6CyqQ,
#app-mount .lookFilled-yCfaCM.colorGreen-3y-Z79,
#app-mount .lookFilled-yCfaCM.colorGreen-3y-Z79:disabled,
#app-mount .lookFilled-yCfaCM.colorGrey-2iAG-B,
#app-mount .lookFilled-yCfaCM.colorGrey-2iAG-B.disabled,
#app-mount .lookFilled-yCfaCM.colorPrimary-1arORx,
#app-mount .lookFilled-yCfaCM.colorPrimary-1arORx.disabled,
#app-mount .lookInverted-2mDUMi.colorBrand-21Le_q,
#app-mount .lookInverted-2mDUMi.colorBrand-21Le_q.disabled {
  background-color: var(--rs-streaming-color) !important;
  box-shadow: var(--elevation-high) !important;
  -o-transition: box-shadow 0.2s ease;
  -moz-transition: box-shadow 0.2s ease;
  transition: box-shadow 0.2s ease;
  color: #fff !important;
}

#bd-editor-panel {
  border-radius: 8px;
  overflow: hidden;
}

#bd-editor-controls {
  background-color: var(--backgroundColor01);
  border-radius: 8px 8px 0 0;
}

.monaco-editor,
.monaco-editor .inputarea.ime-input {
  color: rgba(255, 255, 255, 0.09) !important;
}

.monaco-editor,
.monaco-editor .inputarea.ime-input,
.monaco-editor-background {
  background-color: rgba(0, 0, 0, 0.09) !important;
}

.monaco-editor .margin {
  background-color: rgba(0, 0, 0, 0.15) !important;
}

#bd-editor-controls button:hover {
  background-color: var(--backgroundColor02) !important;
}

.controls-section .checkbox-inner {
  width: 20px;
  height: 20px;
}

.controls-section .checkbox-label {
  line-height: 20px;
}

.checkbox-1ycfTw .checkboxInner-1aRh1d .checkboxElement-uwAa9F:checked+span {
  background-color: var(--mainColor);
  border-color: var(--mainColor) !important;
}

.controls-section .checkbox-inner .checkbox:checked+span::after {
  left: 5px;
  top: 1px;
}

.checkbox-1ycfTw .checkboxInner-1aRh1d span {
  background-color: #f54748;
  border-color: #f54748 !important;
}

.checkbox-1ycfTw .checkboxInner-1aRh1d span::after {
  content: "×";
  position: absolute;
  left: -2px;
  top: -2px;
  width: 20px;
  height: 20px;
  font-size: 20px;
  font-weight: 700;
  text-align: center;
}

.scrollableContainer-15eg7h {
  overflow-x: hidden !important;
  overflow-y: hidden !important;
  background-color: var(--backgroundColor01) !important;
  max-height: 50vh !important;
  border-radius: 8px !important;
  border: 3px double #643da7 !important;
  box-shadow: rgb(210 109 208 / 30%) 0px 1px 2px 0px,
    rgb(210 109 208 / 15%) 0px 2px 6px 6px !important;
}

#app-mount .searchBar-jGtisZ {
  font-variant: JIS83;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  height: 30px;
  width: 144px;
  border-radius: 3px;
  -webkit-box-shadow: none;
  box-shadow: none;
  cursor: text;
  overflow: hidden;
  padding: 0 2px;
  color: var(--text-normal);
  background-color: var(--backgroundColor02);
  border: 3px double #643da7;
  box-shadow: rgba(210, 109, 208, 0.3) 0px 1px 2px 0px,
    rgba(210, 109, 208, 0.15) 0px 2px 6px 3px !important;
}

#app-mount .channelTextArea-1FufC0,
#app-mount .circleIconButton-1VxDrg,
#app-mount .circleIconButton-3lUBQk,
#app-mount .expandedFolderBackground-1kSAf6:not(.collapsed-uGXEbi),
#app-mount .replyBar-1oi75v,
#app-mount .searchBar-3TnChZ .searchBarComponent-3N7dCG,
#app-mount .searchBar-zdmu7v,
#app-mount .threadSuggestionBar-3ExSyc {
  background: var(--backgroundColor01) !important;
}

#app-mount .divider-2rZFJK:not(.isUnread-3Lojb-) {
  border-color: var(--backgroundColor01) !important;
}

#app-mount .content-3spvdd {
  background: var(--backgroundColor01) !important;
}

.wrapper-2SplAX {
  position: relative;
  z-index: 1;
  border-radius: 5px;
  margin-bottom: 24px;
  padding: 16px 0;
  width: 100%;
  background-color: var(--backgroundColor01) !important;
  border-radius: 8px !important;
  border: 1px groove #fc28a835 !important;
  box-shadow: rgb(210 109 208) 0px 6px 30px -15px !important;
}

#app-mount .attachment-1PZZB2,
#app-mount .autocomplete-3NRXG8,
#app-mount .bar-AokMp3,
#app-mount .bumpBox-1Pp4td,
#app-mount .folder-1hbNCn,
#app-mount .role-23oyrw,
#app-mount .role-23oyrw:hover,
#app-mount .selected-3B2w1z,
#app-mount .selected-3B2w1z:hover,
#app-mount .wrapper-1HIH0j,
#app-mount .wrapperAudio-1Bzv_Z {
  background: var(--backgroundColor01) !important;
  border: none !important;
}

#app-mount .selected-3H3-RC {
  background-color: var(--backgroundColor02) !important;
}

#app-mount .embedFull-1HGV2S {
  background: var(--backgroundColor01) !important;
}

#app-mount .anchor-1MIwyf,
#app-mount .executedCommand-14-SNW .commandName-1KhvGm,
#app-mount .markup-eYLPri a {
  color: var(--gradientColor01) !important;
}

#app-mount .lookLink-15mFoz.colorBrand-I6CyqQ {
  color: var(--mainColor) !important;
}

#app-mount .buffer-3eVqKK,
#app-mount .buffer-3eVqKK:after,
#app-mount .buffer-3eVqKK:before,
#app-mount .mediaBarWrapper-33h1oY,
#app-mount .mediaBarWrapper-33h1oY:after,
#app-mount .mediaBarWrapper-33h1oY:before {
  background-color: var(--backgroundColor01) !important;
}

#app-mount .mediaBarGrabber-FvJKJg,
#app-mount .mediaBarProgress-38I317,
#app-mount .mediaBarProgress-38I317:after,
#app-mount .mediaBarProgress-38I317:before {
  background-color: var(--gradientColor02) !important;
}

#app-mount .side-2ur1Qk .themed-2-lozF.selected-g-kMVV.item-3XjbnG,
#app-mount .topPill-3DJJNV .themed-2-lozF.selected-g-kMVV.item-3XjbnG {
  background-color: var(--rs-streaming-color) !important;
}

#app-mount .side-2ur1Qk .themed-2-lozF.item-3XjbnG:hover:not(.disabled-1nofHP),
#app-mount .topPill-3DJJNV .themed-2-lozF.item-3XjbnG:hover:not(.disabled-1nofHP) {
  background-color: var(--backgroundColor01) !important;
}

#app-mount .actionButton-3-B2x- {
  background-color: var(--backgroundColor02) !important;
}

#app-mount .peopleListItem-u6dGxF {
  border: none !important;
}

#app-mount .peopleListItem-u6dGxF.active-2UF8Zh,
#app-mount .peopleListItem-u6dGxF:hover {
  background-color: var(--backgroundColor01) !important;
}

#app-mount .peopleListItem-u6dGxF.active-2UF8Zh .actionButton-3-B2x-,
#app-mount .peopleListItem-u6dGxF:hover .actionButton-3-B2x- {
  background-color: var(--backgroundColor01) !important;
}

#app-mount .akaBadge-3i7V3p {
  background-color: var(--mainColor);
  color: #fff !important;
}

#app-mount .container-1oAagU {
  background-color: var(--backgroundColor02) !important;
}

#app-mount .container-1oAagU .scroller-hE2gWq {
  border: none !important;
  margin-left: 0 !important;
}

#app-mount .divider-q3P9HC {
  display: none;
}

#app-mount .emptyCard-KDifrB,
#app-mount .wrapper-2RrXDg {
  background-color: var(--backgroundColor01) !important;
  border: none !important;
}

#app-mount .emptyCard-KDifrB .inset-SbsSFp,
#app-mount .emptyCard-KDifrB .section-3G9aLW,
#app-mount .wrapper-2RrXDg .inset-SbsSFp,
#app-mount .wrapper-2RrXDg .section-3G9aLW {
  background-color: var(--backgroundColor02) !important;
  box-shadow: 0 4px 5px -2px rgba(0, 0, 0, 0.3);
}

#app-mount .detailsBlock-24pLFz {
  background-color: var(--backgroundColor01) !important;
}

#app-mount .feature-2IUcBI {
  background-color: var(--backgroundColor01) !important;
}

#app-mount .pageWrapper-2PwDoS {
  background-color: var(--backgroundColor02) !important;
}

#app-mount .card-2TuZPZ,
#app-mount .iconMask-2fMR98 {
  background-color: var(--backgroundColor01) !important;
}

#app-mount .search-25t1e9 .searchBox-pyIJJj .input-2g-os5 {
  background-color: #fff !important;
  color: #000 !important;
}

#app-mount .childWrapper-1j_1ub {
  background-color: var(--backgroundColor01) !important;
}

#app-mount .tutorialContainer-1pL9QS .childWrapper-1j_1ub>svg {
  display: none !important;
}

#app-mount .tutorialContainer-1pL9QS .childWrapper-1j_1ub::after {
  position: absolute;
  content: "";
  width: 56px;
  height: 56px;
  border-radius: 16px;
  overflow: hidden;
  background-image: url("https://i.imgur.com/vxOebtr.png") !important;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}

#app-mount .folder-241Joy {
  background-color: transparent !important;
}

#app-mount .expandedFolderBackground-1kSAf6 {
  background-color: var(--backgroundColor01) !important;
}

#app-mount .circleIconButton-1VxDrg {
  color: var(--mainColor) !important;
  background-color: var(--backgroundColor01) !important;
}

#app-mount .actionIcon-2sw4Sl,
#app-mount .addButtonIcon-3rJeaD,
#app-mount .arrow-2HswgU,
#app-mount .attachButtonPlus-3IYelE,
#app-mount .button-12Fmur svg,
#app-mount .button-2BMPJJ,
#app-mount .buttonWrapper-3YFQGJ svg,
#app-mount .channelNameIcon-2d0YcP,
#app-mount .colorDefault-CDqZdO .checkbox-hADx5o,
#app-mount .colorDefault-CDqZdO .radioSelection-1UHp0b,
#app-mount .colorDefault-CDqZdO .subtext-2GlkbE,
#app-mount .colorLink-2apWfY,
#app-mount .connectedAccountOpenIcon-1yfBsb,
#app-mount .container-7Unqij svg,
#app-mount .flowerStar-2tNFCR path,
#app-mount .icon-1WVg4I,
#app-mount .icon-1zidb7,
#app-mount .icon-2W8DHg,
#app-mount .icon-2xnN2Y,
#app-mount .icon-3CDcPB,
#app-mount .icon-3N9zCW,
#app-mount .icon-E4cW1l,
#app-mount .iconContainer-1-SsTR,
#app-mount .linkButtonIcon-7rsZcu,
#app-mount .option-2KkUJO.selected-rZcOL- .plusIcon-2V7coV,
#app-mount .overlayToggleIconOn-3_-nGm .fill-MYciTJ,
#app-mount .resultsGroup-1BPR25 .searchLearnMore-7__o_n a,
#app-mount .topSectionNormal-2-vo2m .additionalActionsIcon-3Cy8UU {
  color: var(--mainColor) !important;
  fill: var(--mainColor) !important;
}

#app-mount .colorDefault-CDqZdO.focused-3qFvc8 .checkbox-hADx5o,
#app-mount .colorDefault-CDqZdO.focused-3qFvc8 .radioSelection-1UHp0b,
#app-mount .colorDefault-CDqZdO.focused-3qFvc8 .subtext-2GlkbE,
#app-mount .colorMuted-20987_ {
  color: #fff !important;
  fill: #fff !important;
}

#app-mount .botTagRegular-kpctgU,
#app-mount .wanderingCubesItem-3Us-UG {
  background-color: var(--mainColor) !important;
}

#app-mount .childContainer-U_a6Yh {
  top: 1px;
}

#app-mount .check-K_srvn {
  background: var(--mainColor) !important;
  -webkit-mask-image: url(https://cdn.discordapp.com/assets/1c0a5d38bdeaaad433b68cf6092ed510.svg);
  mask-image: url(https://cdn.discordapp.com/assets/1c0a5d38bdeaaad433b68cf6092ed510.svg);
}

svg defs {
  height: 0;
  position: absolute;
  width: 0;
}

svg aria-hidden {
  height: 0;
  position: absolute;
  width: 0;
}

#app-mount .wordmarkWindows-2dq6rw {
  position: absolute;
  content: "SYNTHWAVE '84";
  top: -3px;
  height: 20px;
  width: 140px;
  margin-left: 10px;
  background-image: url("https://i.imgur.com/U6yhTRx.png") !important;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  content-visibility: hidden;
}

#app-mount .container-2o3qEW {
  background: 0 0 !important;
  flex-direction: unset;
}

#app-mount .members-3WRCEx,
#app-mount .members-3WRCEx>div {
  background-color: var(--backgroundColor02) !important;
}

#app-mount .clickable-28SzVr.container-1oeRFJ .activity-2EQDZv {
  color: rgba(255, 255, 255, 0.5) !important;
}

#app-mount .clickable-28SzVr.container-1oeRFJ:hover .activity-2EQDZv {
  color: rgba(255, 255, 255, 0.9) !important;
}

#app-mount .clickable-28SzVr.container-1oeRFJ:hover .layout-1qmrhw,
#app-mount .selected-1-Z6gm .layout-1qmrhw {
  background-color: var(--backgroundColor01) !important;
}

#app-mount .selected-1-Z6gm .activity-2EQDZv {
  color: rgba(255, 255, 255, 0.9) !important;
}

#app-mount .layout-1qmrhw {
  position: relative;
  overflow: hidden;
}

#app-mount .layout-1qmrhw::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  height: 2px;
  width: 100%;
  background-color: var(--gradientColor01);
  background-image: linear-gradient(-45deg,
      var(--gradientColor01),
      var(--gradientColor02)) !important;
  -webkit-transition: transform 0.2s ease;
  -ms-transition: transform 0.2s ease;
  -o-transition: transform 0.2s ease;
  -moz-transition: transform 0.2s ease;
  transition: transform 0.2s ease;
  -webkit-transform: translateX(100%);
  -ms-transform: translateX(100%);
  -moz-transform: translateX(100%);
  -o-transform: translateX(100%);
  transform: translateX(100%);
}

#app-mount .clickable-28SzVr.container-1oeRFJ:hover .layout-1qmrhw::after,
#app-mount .selected-1-Z6gm .layout-1qmrhw::after {
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  -moz-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
}

#app-mount .channelHeader-DFRX8q,
#app-mount .container-2ebMPP,
#app-mount .header-145e10 .button-1_oXub,
#app-mount .header-145e10 .tabBar-1qdMr5 .tab-TRrPC8.active-1grPyy,
#app-mount .jumpButton-1V_1FA,
#app-mount .jumpButton-1ZwI_j,
#app-mount .messagesPopoutWrap-3zryHW {
  background-color: var(--backgroundColor01) !important;
}

#app-mount .messagesPopout-eVzQcI {
  padding: 8px 8px 2px 8px !important;
}

#app-mount .footer-5ji8u1,
#app-mount .header-1w9Q93,
#app-mount .messageContainer-3VTXBC,
#app-mount .messageGroupWrapper-1jf_7C,
#app-mount .messages-23can0,
#app-mount .tertiary-1e-lAP,
#app-mount .tutorial-Nb3Zz5 {
  background-color: var(--backgroundColor01) !important;
  -webkit-box-shadow: inset 0 0 0 100000px rgba(0, 0, 0, 0.3);
  -ms-box-shadow: inset 0 0 0 100000px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: inset 0 0 0 100000px rgba(0, 0, 0, 0.3);
  -o-box-shadow: inset 0 0 0 100000px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0 0 0 100000px rgba(0, 0, 0, 0.3);
}

#app-mount .header-145e10 .button-1_oXub {
  width: 32px;
  height: 32px;
}

#app-mount .messageGroupWrapper-1jf_7C {
  border: none !important;
}

#app-mount .base-21yXnu.pro-3GwLMX[style*="rgb(59, 165, 92)"] {
  color: var(--mainColor) !important;
}

#app-mount .mentioned-Tre-dv:before {
  background-color: var(--gradientColor01);
  width: 4px;
  border-radius: 8px 0 0 8px;
}

#app-mount .mentioned-Tre-dv {
  background-color: transparent !important;
  border-radius: 0 8px 8px 0;
  position: relative;
}

#app-mount .mentioned-Tre-dv::after {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  background-color: var(--gradientColor01);
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  z-index: -1;
  opacity: 0.15;
  border-radius: 8px;
}

#app-mount .message-2CShn3.mentioned-Tre-dv.selected-2LX7Jy,
#app-mount .mouse-mode.full-motion .mentioned-Tre-dv:hover {
  background-color: var(--mainColor);
}

#app-mount .wrapper-1ZcZW- {
  background: #643da698 !important;
  color: var(--rs-idle-color) !important;
  box-shadow: var(--elevation-high) !important;
  border-radius: 6px !important;
  border: 1px groove #643da6 !important;
  font-style: oblique !important;
}

#app-mount .colorDefault-CDqZdO:active:not(.hideInteraction-2jPGL_),
#app-mount .menu-1QACrS {
  background-color: var(--backgroundColor01);
}

#app-mount .colorDefault-CDqZdO.focused-3qFvc8 {
  background-color: var(--mainColor) !important;
}

#app-mount .colorDefault-CDqZdO.focused-3qFvc8 .icon-E4cW1l {
  color: #fff !important;
}

#app-mount .colorDanger-3n-KnP .icon-E4cW1l {
  color: #ed4245 !important;
}

#app-mount .colorDanger-3n-KnP.focused-3qFvc8 {
  background-color: #ed4245 !important;
}

#app-mount .colorBrand-3cPPsm .icon-E4cW1l,
#app-mount .colorBrand-3cPPsm .label-2gNW3x {
  color: #3a9942 !important;
}

#app-mount .colorBrand-3cPPsm.focused-3qFvc8 {
  background-color: #3a9942 !important;
}

#app-mount .colorBrand-3cPPsm.focused-3qFvc8 .icon-E4cW1l,
#app-mount .colorBrand-3cPPsm.focused-3qFvc8 .label-2gNW3x {
  color: #fff !important;
}

#app-mount .scroller-1bVxF5 {
  padding: 6px 8px !important;
  border-radius: 8px !important;
  background: var(--backgroundColor01) !important;
  box-shadow: rgb(210 109 208 / 30%) 0px 1px 2px 0px,
    rgb(210 109 208 / 15%) 0px 2px 6px 6px !important;
}

#app-mount .scroller-1bVxF5 .separator-1So4YB {
  display: none;
}

#app-mount .clickable-vvKY2q .header-3OsQeK:hover {
  opacity: 90%;
  box-shadow: rgb(210 109 208) 0px 6px 30px -10px !important;
}

#app-mount .selected-1GtAC5 .header-3OsQeK {
  background-color: var(--backgroundColor01) !important;
  box-shadow: rgb(210 109 208) 0px 6px 30px -10px !important;
  opacity: 50%;
}

#app-mount .bf-toolbar::before {
  background: var(--backgroundColor01) !important;
}

#app-mount .bf-toolbar .format:hover {
  background-color: var(--backgroundColor02) !important;
}

#app-mount .autocomplete-3l_oCd {
  background-color: var(--backgroundColor01) !important;
}

#app-mount .autocomplete-3l_oCd .selected-3H3-RC {
  background-color: var(--backgroundColor02) !important;
}

#app-mount .contentWrapper-3vHNP2 {
  background-color: var(--backgroundColor01) !important;
  border-radius: 8px !important;
  box-shadow: rgb(210 109 208 / 30%) 0px 1px 2px 0px,
    rgb(210 109 208 / 15%) 0px 2px 6px 6px !important;
}

#app-mount .contentWrapper-3vHNP2 .inspector-DFKXwB,
#app-mount .contentWrapper-3vHNP2 .wrapper-1NNaWG {
  background-color: var(--backgroundColor01) !important;
}

#app-mount .contentWrapper-3vHNP2 .container-1SX9VC,
#app-mount .contentWrapper-3vHNP2 .emojiItem-277VFM.emojiItemSelected-2Lg50V,
#app-mount .contentWrapper-3vHNP2 .navButtonActive-1EqC5l {
  background-color: var(--backgroundColor02) !important;
}

#app-mount .contentWrapper-3vHNP2 .wrapper-22rqw6 {
  background-color: var(--backgroundColor01) !important;
  box-shadow: inset 0 0 0 1000px rgba(0, 0, 0, 0.3);
}

#app-mount .categoryFadeBlurple-1HuV1x {
  background-color: transparent !important;
}

#app-mount .focused-q9B2e4:after,
#app-mount .result-3OpoO7:hover:after {
  box-shadow: inset 0 0 0 2px var(--mainColor), inset 0 0 0 3px #2f3136 !important;
}

#app-mount .bar-2MWHzg {
  background-color: var(--backgroundColor02);
}

#app-mount .noiseCancellationPopout-2-e5Xz {
  background-color: var(--backgroundColor02) !important;
}

#app-mount .notches-2w7UZJ.black-11MaxJ,
#app-mount .notches-2w7UZJ.gray-3wP137 {
  background-image: linear-gradient(to left,
      var(--backgroundColor02),
      var(--backgroundColor02));
  -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='20' fill='%2336393f'%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");
  mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='20' fill='%2336393f'%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");
}

#app-mount .container-20TyK0[style="background-color: rgba(32, 34, 37, 0.9);"],
#app-mount .content-38N-4k .message-G6O-Wv,
#app-mount .friendSelected-3cwmD7,
#app-mount .guildSection-2Zyzy8,
#app-mount .progress-1S-TDF,
#app-mount .tag-15zcD_ {
  background-color: var(--backgroundColor01) !important;
}

#app-mount .quickswitcher-pKcM9U,
#app-mount .scroller-2qwVWY,
#app-mount .uploadModalIn-2w48Zf .uploadDropModal-13Kd20 .bgScale-1iWuPF {
  background: var(--backgroundColor01) !important;
}

#app-mount .input-3r5zZY {
  background: var(--backgroundColor01) !important;
}

#app-mount .quickSelectPopoutOption-2E2UmS:hover {
  background-color: var(--backgroundColor02) !important;
  color: #fff;
}

#app-mount .attachedBars-2BCP3l,
#app-mount .quickSelectPopout-2F0PXw,
#app-mount .resultFocused-3aIoYe,
#app-mount .root-1e2tfc {
  background-color: var(--backgroundColor01);
}

#app-mount .root-g14mjS {
  background: var(--backgroundColor02) !important;
  box-shadow: none !important;
}

#app-mount .root-g14mjS .backButton-2Ps-B8,
#app-mount .root-g14mjS .footerTitle-3Bslxi,
#app-mount .root-g14mjS .lookBlank-21BCro,
#app-mount .root-g14mjS .title-1_TkpU,
#app-mount .root-g14mjS .title-2Giw-4,
#app-mount .root-g14mjS .title-OdeD-o {
  color: #fff !important;
}

#app-mount .root-g14mjS .close-1mLglB,
#app-mount .root-g14mjS .colorHeaderSecondary-g5teka {
  color: #ccc !important;
}

#app-mount .root-g14mjS .footer-31IekZ {
  background: var(--backgroundColor02) !important;
  box-shadow: none !important;
}

#app-mount .root-g14mjS .container-x8Y1ix {
  border: none !important;
  background-color: var(--backgroundColor01);
}

#app-mount .root-g14mjS .container-x8Y1ix .colorStandard-21JIj7 {
  color: #fff !important;
}

#app-mount .root-g14mjS .uploadIcon-2wV7s_ svg circle {
  fill: var(--mainColor) !important;
}

#app-mount .input-2g-os5 {
  background-color: var(--backgroundColor02) !important;
  color: #fff !important;
  border-color: transparent !important;
}

#app-mount .input-2g-os5:focus,
#app-mount .input-2g-os5:hover {
  border-color: var(--mainColor) !important;
}

#app-mount .emojiSection-3QtaWO,
#app-mount .tooltipPrimary-3qLMbS {
  background-color: #fc28a825 !important;
}

#app-mount .tooltipPointer-3L49xb {
  border-top-color: #fc28a825 !important;
}

#app-mount .uploadModal-2ie9O_ {
  background-color: var(--backgroundColor02) !important;
}

#app-mount .footer-VCsJQY {
  background-color: var(--backgroundColor02) !important;
  box-shadow: inset 0 0 0 1000px rgba(0, 0, 0, 0.3);
}

#app-mount .checkbox-f1HnKB {
  border-color: rgba(255, 255, 255, 0.15);
}

#app-mount .checkbox-f1HnKB[style*="rgb(79, 84, 92)"] {
  border-color: var(--mainColor) !important;
  background-color: #fc28a825 !important;
}

#app-mount .checkbox-f1HnKB[style*="rgb(79, 84, 92)"] svg path {
  fill: #fff !important;
}

.bd-modal-wrapper .bd-modal-inner {
  background-color: var(--backgroundColor02) !important;
}

.bd-toast {
  background: var(--backgroundColor01);
  border: none !important;
}

.bd-toast.toast-success {
  background: var(--mainColor);
  background-repeat: no-repeat;
  background-position: 3px 50%;
}

#app-mount .reaction-2A2y9y {
  background-color: var(--backgroundColor01) !important;
}

#app-mount .reaction-2A2y9y.reactionMe-3I9gFK {
  background-color: var(--mainColor) !important;
  border-color: rgba(255, 255, 255, 0.5) !important;
}

#app-mount .root-g14mjS .reactionSelected-1aMb2K,
#app-mount .root-g14mjS .reactors-1VXca7 {
  background-color: var(--backgroundColor01) !important;
}

#app-mount .root-g14mjS .scroller-2GkvCq {
  background-color: var(--backgroundColor02) !important;
}

#app-mount .emojiPicker-6YCk8a,
#app-mount .inspector-DFKXwB,
#app-mount .wrapper-1NNaWG {
  background-color: var(--backgroundColor01) !important;
}

#app-mount .container-1SX9VC,
#app-mount .emojiItem-277VFM.emojiItemSelected-2Lg50V,
#app-mount .wrapper-22rqw6 {
  background-color: var(--backgroundColor02) !important;
}

#app-mount .categoryItemDefaultCategorySelected-2YeRUu,
#app-mount .categoryItemDefaultCategorySelected-2YeRUu:hover {
  background-color: var(--mainColor) !important;
}

#app-mount .children-3xh0VB:after,
#app-mount .content-1jQy2l:before,
#app-mount .divider-3LgWDL,
#app-mount .guildSeparator-33mFX6,
#app-mount .libraryHeader-2loraV:before,
#app-mount .roleRow-3LoHQ6:before,
#app-mount .roleRow-3LoHQ6:last-child:after,
#app-mount .tabBody-2dgbAs:before {
  display: none !important;
}

#app-mount .bannedUser-26qsXF,
#app-mount .header-2o-2hj,
#app-mount .header-3OsQeK {
  background-color: var(--backgroundColor01) !important;
}

#app-mount .inviteSettingsInviteRow-1rZeIM,
#app-mount .member-1q7VfX,
#app-mount .searchBar-3TnChZ {
  box-shadow: none !important;
}

#app-mount .container-1zzFcN {
  border: none !important;
}

#app-mount .autocompleteScroller-3L6kmy::-webkit-scrollbar,
#app-mount .container-2cd8Mz .scrollerBase-_bVAAt::-webkit-scrollbar,
#app-mount .contentWrapper-3vHNP2 .scroller-2FKFPG::-webkit-scrollbar,
#app-mount .infoScroller-1QMpon::-webkit-scrollbar,
#app-mount .keybindGroup-39HP2U::-webkit-scrollbar,
#app-mount .listScroller-2FcOQF::-webkit-scrollbar,
#app-mount .listWrapper-2nHLP8 .scroller-2FKFPG::-webkit-scrollbar,
#app-mount .messagesPopout-eVzQcI::-webkit-scrollbar,
#app-mount .regionSelectModalOptions-2TWQOB::-webkit-scrollbar,
#app-mount .rolesList-3uZoaa::-webkit-scrollbar,
#app-mount .scroller-1ox3I2::-webkit-scrollbar,
#app-mount .scroller-2qwVWY::-webkit-scrollbar,
#app-mount .scroller-kQBbkU::-webkit-scrollbar,
#app-mount .scroller::-webkit-scrollbar,
#app-mount .scrollerBase-_bVAAt::-webkit-scrollbar,
#app-mount .templatesList-uohY49::-webkit-scrollbar {
  width: 5px;
  display: none;
  background: 0 0 !important;
}

#app-mount .autocompleteScroller-3L6kmy::-webkit-scrollbar-track,
#app-mount .container-2cd8Mz .scrollerBase-_bVAAt::-webkit-scrollbar-track,
#app-mount .contentWrapper-3vHNP2 .scroller-2FKFPG::-webkit-scrollbar-track,
#app-mount .infoScroller-1QMpon::-webkit-scrollbar-track,
#app-mount .keybindGroup-39HP2U::-webkit-scrollbar-track,
#app-mount .listScroller-2FcOQF::-webkit-scrollbar-track,
#app-mount .listWrapper-2nHLP8 .scroller-2FKFPG::-webkit-scrollbar-track,
#app-mount .messagesPopout-eVzQcI::-webkit-scrollbar-track,
#app-mount .regionSelectModalOptions-2TWQOB::-webkit-scrollbar-track,
#app-mount .rolesList-3uZoaa::-webkit-scrollbar-track,
#app-mount .scroller-2qwVWY::-webkit-scrollbar-track,
#app-mount .scroller-kQBbkU::-webkit-scrollbar-track,
#app-mount .scroller::-webkit-scrollbar-track,
#app-mount .scrollerBase-_bVAAt::-webkit-scrollbar-track,
#app-mount .templatesList-uohY49::-webkit-scrollbar-track {
  margin: 0;
}

#app-mount .autocompleteScroller-3L6kmy::-webkit-scrollbar-track-piece,
#app-mount .container-2cd8Mz .scrollerBase-_bVAAt::-webkit-scrollbar-track-piece,
#app-mount .contentWrapper-3vHNP2 .scroller-2FKFPG::-webkit-scrollbar-track-piece,
#app-mount .infoScroller-1QMpon::-webkit-scrollbar-track-piece,
#app-mount .keybindGroup-39HP2U::-webkit-scrollbar-track-piece,
#app-mount .listScroller-2FcOQF::-webkit-scrollbar-track-piece,
#app-mount .listWrapper-2nHLP8 .scroller-2FKFPG::-webkit-scrollbar-track-piece,
#app-mount .messagesPopout-eVzQcI::-webkit-scrollbar-track-piece,
#app-mount .regionSelectModalOptions-2TWQOB::-webkit-scrollbar-track-piece,
#app-mount .rolesList-3uZoaa::-webkit-scrollbar-track-piece,
#app-mount .scroller-2qwVWY::-webkit-scrollbar-track-piece,
#app-mount .scroller-kQBbkU::-webkit-scrollbar-track-piece,
#app-mount .scroller::-webkit-scrollbar-track-piece,
#app-mount .scrollerBase-_bVAAt::-webkit-scrollbar-track-piece,
#app-mount .templatesList-uohY49::-webkit-scrollbar-track-piece {
  background: 0 0 !important;
  border-color: transparent !important;
}

#app-mount .autocompleteScroller-3L6kmy::-webkit-scrollbar-thumb,
#app-mount .container-2cd8Mz .scrollerBase-_bVAAt::-webkit-scrollbar-thumb,
#app-mount .contentWrapper-3vHNP2 .scroller-2FKFPG::-webkit-scrollbar-thumb,
#app-mount .infoScroller-1QMpon::-webkit-scrollbar-thumb,
#app-mount .keybindGroup-39HP2U::-webkit-scrollbar-thumb,
#app-mount .listScroller-2FcOQF::-webkit-scrollbar-thumb,
#app-mount .listWrapper-2nHLP8 .scroller-2FKFPG::-webkit-scrollbar-thumb,
#app-mount .messagesPopout-eVzQcI::-webkit-scrollbar-thumb,
#app-mount .regionSelectModalOptions-2TWQOB::-webkit-scrollbar-thumb,
#app-mount .rolesList-3uZoaa::-webkit-scrollbar-thumb,
#app-mount .scroller-1ox3I2::-webkit-scrollbar-thumb,
#app-mount .scroller-2qwVWY::-webkit-scrollbar-thumb,
#app-mount .scroller-kQBbkU::-webkit-scrollbar-thumb,
#app-mount .scroller::-webkit-scrollbar-thumb,
#app-mount .scrollerBase-_bVAAt::-webkit-scrollbar-thumb,
#app-mount .templatesList-uohY49::-webkit-scrollbar-thumb {
  background-color: var(--backgroundColor01);
  border-radius: 0;
  border-radius: 50px;
  border: none;
}

#app-mount .autocompleteScroller-3L6kmy::-webkit-scrollbar-thumb:hover,
#app-mount .container-2cd8Mz .scrollerBase-_bVAAt::-webkit-scrollbar-thumb:hover,
#app-mount .contentWrapper-3vHNP2 .scroller-2FKFPG::-webkit-scrollbar-thumb:hover,
#app-mount .infoScroller-1QMpon::-webkit-scrollbar-thumb:hover,
#app-mount .keybindGroup-39HP2U::-webkit-scrollbar-thumb:hover,
#app-mount .listScroller-2FcOQF::-webkit-scrollbar-thumb:hover,
#app-mount .listWrapper-2nHLP8 .scroller-2FKFPG::-webkit-scrollbar-thumb:hover,
#app-mount .messagesPopout-eVzQcI::-webkit-scrollbar-thumb:hover,
#app-mount .regionSelectModalOptions-2TWQOB::-webkit-scrollbar-thumb:hover,
#app-mount .rolesList-3uZoaa::-webkit-scrollbar-thumb:hover,
#app-mount .scroller-1ox3I2::-webkit-scrollbar-thumb:hover,
#app-mount .scroller-2qwVWY::-webkit-scrollbar-thumb:hover,
#app-mount .scroller-kQBbkU::-webkit-scrollbar-thumb:hover,
#app-mount .scroller::-webkit-scrollbar-thumb:hover,
#app-mount .scrollerBase-_bVAAt::-webkit-scrollbar-thumb:hover,
#app-mount .templatesList-uohY49::-webkit-scrollbar-thumb:hover {
  background-color: var(--backgroundColor01);
}

#app-mount .autocompleteScroller-3L6kmy::-webkit-scrollbar-thumb:active,
#app-mount .container-2cd8Mz .scrollerBase-_bVAAt::-webkit-scrollbar-thumb:active,
#app-mount .contentWrapper-3vHNP2 .scroller-2FKFPG::-webkit-scrollbar-thumb:active,
#app-mount .infoScroller-1QMpon::-webkit-scrollbar-thumb:active,
#app-mount .keybindGroup-39HP2U::-webkit-scrollbar-thumb:active,
#app-mount .listScroller-2FcOQF::-webkit-scrollbar-thumb:active,
#app-mount .listWrapper-2nHLP8 .scroller-2FKFPG::-webkit-scrollbar-thumb:active,
#app-mount .messagesPopout-eVzQcI::-webkit-scrollbar-thumb:active,
#app-mount .regionSelectModalOptions-2TWQOB::-webkit-scrollbar-thumb:active,
#app-mount .rolesList-3uZoaa::-webkit-scrollbar-thumb:active,
#app-mount .scroller-1ox3I2::-webkit-scrollbar-thumb:active,
#app-mount .scroller-2qwVWY::-webkit-scrollbar-thumb:active,
#app-mount .scroller-kQBbkU::-webkit-scrollbar-thumb:active,
#app-mount .scroller::-webkit-scrollbar-thumb:active,
#app-mount .scrollerBase-_bVAAt::-webkit-scrollbar-thumb:active,
#app-mount .templatesList-uohY49::-webkit-scrollbar-thumb:active {
  background-color: var(--backgroundColor01);
}

#app-mount .autocompleteScroller-3L6kmy::-webkit-scrollbar-button,
#app-mount .autocompleteScroller-3L6kmy::-webkit-scrollbar-corner,
#app-mount .container-2cd8Mz .scrollerBase-_bVAAt::-webkit-scrollbar-button,
#app-mount .container-2cd8Mz .scrollerBase-_bVAAt::-webkit-scrollbar-corner,
#app-mount .contentWrapper-3vHNP2 .scroller-2FKFPG::-webkit-scrollbar-button,
#app-mount .contentWrapper-3vHNP2 .scroller-2FKFPG::-webkit-scrollbar-corner,
#app-mount .infoScroller-1QMpon::-webkit-scrollbar-button,
#app-mount .infoScroller-1QMpon::-webkit-scrollbar-corner,
#app-mount .keybindGroup-39HP2U::-webkit-scrollbar-button,
#app-mount .keybindGroup-39HP2U::-webkit-scrollbar-corner,
#app-mount .listScroller-2FcOQF::-webkit-scrollbar-button,
#app-mount .listScroller-2FcOQF::-webkit-scrollbar-corner,
#app-mount .listWrapper-2nHLP8 .scroller-2FKFPG::-webkit-scrollbar-button,
#app-mount .listWrapper-2nHLP8 .scroller-2FKFPG::-webkit-scrollbar-corner,
#app-mount .messagesPopout-eVzQcI::-webkit-scrollbar-button,
#app-mount .messagesPopout-eVzQcI::-webkit-scrollbar-corner,
#app-mount .regionSelectModalOptions-2TWQOB::-webkit-scrollbar-button,
#app-mount .regionSelectModalOptions-2TWQOB::-webkit-scrollbar-corner,
#app-mount .rolesList-3uZoaa::-webkit-scrollbar-button,
#app-mount .rolesList-3uZoaa::-webkit-scrollbar-corner,
#app-mount .scroller-1ox3I2::-webkit-scrollbar-button,
#app-mount .scroller-1ox3I2::-webkit-scrollbar-corner,
#app-mount .scroller-2qwVWY::-webkit-scrollbar-button,
#app-mount .scroller-2qwVWY::-webkit-scrollbar-corner,
#app-mount .scroller-kQBbkU::-webkit-scrollbar-button,
#app-mount .scroller-kQBbkU::-webkit-scrollbar-corner,
#app-mount .scroller::-webkit-scrollbar-button,
#app-mount .scroller::-webkit-scrollbar-corner,
#app-mount .scrollerBase-_bVAAt::-webkit-scrollbar-button,
#app-mount .scrollerBase-_bVAAt::-webkit-scrollbar-corner,
#app-mount .templatesList-uohY49::-webkit-scrollbar-button,
#app-mount .templatesList-uohY49::-webkit-scrollbar-corner {
  display: none !important;
}

#app-mount .autocompleteScroller-3L6kmy:hover,
#app-mount .container-2cd8Mz .scrollerBase-_bVAAt:hover,
#app-mount .contentWrapper-3vHNP2 .scroller-2FKFPG:hover,
#app-mount .infoScroller-1QMpon:hover,
#app-mount .keybindGroup-39HP2U:hover,
#app-mount .listScroller-2FcOQF:hover,
#app-mount .listWrapper-2nHLP8 .scroller-2FKFPG:hover,
#app-mount .messagesPopout-eVzQcI:hover,
#app-mount .regionSelectModalOptions-2TWQOB:hover,
#app-mount .rolesList-3uZoaa:hover,
#app-mount .scroller-1ox3I2:hover,
#app-mount .scroller-2qwVWY:hover,
#app-mount .scroller-kQBbkU:hover,
#app-mount .scroller:hover,
#app-mount .scrollerBase-_bVAAt:hover,
#app-mount .templatesList-uohY49:hover {
  overflow: overlay !important;
}

#app-mount .autocompleteScroller-3L6kmy:hover::-webkit-scrollbar,
#app-mount .container-2cd8Mz .scrollerBase-_bVAAt:hover::-webkit-scrollbar,
#app-mount .contentWrapper-3vHNP2 .scroller-2FKFPG:hover::-webkit-scrollbar,
#app-mount .infoScroller-1QMpon:hover::-webkit-scrollbar,
#app-mount .keybindGroup-39HP2U:hover::-webkit-scrollbar,
#app-mount .listScroller-2FcOQF:hover::-webkit-scrollbar,
#app-mount .listWrapper-2nHLP8 .scroller-2FKFPG:hover::-webkit-scrollbar,
#app-mount .messagesPopout-eVzQcI:hover::-webkit-scrollbar,
#app-mount .regionSelectModalOptions-2TWQOB:hover::-webkit-scrollbar,
#app-mount .rolesList-3uZoaa:hover::-webkit-scrollbar,
#app-mount .scroller-1ox3I2:hover::-webkit-scrollbar,
#app-mount .scroller-2qwVWY:hover::-webkit-scrollbar,
#app-mount .scroller-kQBbkU:hover::-webkit-scrollbar,
#app-mount .scroller:hover::-webkit-scrollbar,
#app-mount .scrollerBase-_bVAAt:hover::-webkit-scrollbar,
#app-mount .templatesList-uohY49:hover::-webkit-scrollbar {
  display: block;
}

#app-mount .wrapper-15CKyy,
#app-mount .wrapper-22ayhK {
  background-color: var(--backgroundColor02) !important;
}

#app-mount .attachment-16cAbS,
#app-mount .avatar-l9Txm5,
#app-mount .blob-1uHjdp {
  background-color: rgba(255, 255, 255, 0.6) !important;
}

.container-2McqkF {
  background-color: var(--backgroundColor01) !important;
}

.option-2KkUJO:after {
  display: none;
}

.focused-2FU0YH,
.option-2KkUJO.selected-rZcOL-,
.searchAnswer-23w-CH,
.searchFilter-2UfsDk {
  background-color: var(--backgroundColor02) !important;
}

.button-cfOvv-,
.channelName-3w2Y3c,
.searchHeader-1r_ZSh,
.searchResultsWrap-5RVOkx {
  background-color: var(--backgroundColor02) !important;
}

.searchResult-O9NDji,
.tab-2Jo-cu.selected-2LAck8 {
  background-color: var(--backgroundColor01) !important;
}

#app-mount .avatarUploaderInner-Oiob_P {
  border-color: var(--backgroundColor01) !important;
}

#app-mount .profileBannerPreview-3_l0Wd {
  background-color: var(--backgroundColor01) !important;
}

#app-mount .accountProfileCard-lbN7n- {
  background-color: var(--backgroundColor01) !important;
}

#app-mount .accountProfileCard-lbN7n- .fieldList-in8WkP {
  background-color: var(--backgroundColor02) !important;
  padding: 15px;
}

#app-mount .accountProfileCard-lbN7n- .avatar-3mTjvZ {
  border-color: var(--backgroundColor01) !important;
}

#app-mount .contentColumn-1C7as6,
#app-mount .customColumn-2n-oKU {
  max-width: 100%;
}

#app-mount .sidebarRegion-1VBisG {
  justify-content: flex-start;
  flex: 0 0;
}

#app-mount .accountList-305sx3,
#app-mount .cardPrimary-3qRT__,
#app-mount .cardPrimaryEditable-2mz_3i,
#app-mount .cardPrimaryOutline-1ofwVz,
#app-mount .codeRedemptionRedirect-3SBiCp,
#app-mount .connection-107AGH,
#app-mount .pageActions-1crTQL,
#app-mount .paymentPane-ut5qKZ,
#app-mount .userSettingsVoice-1_dzjw .previewOverlay-2reuWf {
  background-color: var(--backgroundColor01) !important;
  border: none !important;
}

#app-mount .background-3d_SjE,
#app-mount .paginator-1eqD2g,
#app-mount .payment-2bOh4k,
#app-mount .phoneField-3NAPDv,
#app-mount .phoneField-3NAPDv .inputField-1iYysB,
#app-mount .popoutList-10IFAa,
#app-mount .previewMessage-2uxBrA {
  background-color: var(--backgroundColor01) !important;
}

#app-mount .bottomDivider-ZmTm-j,
#app-mount .paymentHeader-2o7Phd {
  border: none !important;
}

#app-mount .accountBtn-1YkMgV .accountBtnInner-3XK70s,
#app-mount .connectionHeader-2rV1ze,
#app-mount .expandedInfo-1W31i3,
#app-mount .integration-1f5IUi {
  background-color: var(--backgroundColor01) !important;
  box-shadow: inset 0 0 0 10000px rgba(0, 0, 0, 0.3);
}

#app-mount .fieldList-in8WkP {
  background-color: var(--backgroundColor02) !important;
  box-shadow: 0 4px 5px -2px rgba(0, 0, 0, 0.3);
}

#app-mount .popoutList-10IFAa {
  box-shadow: 0 0 5px 5px rgba(0, 0, 0, 0.3);
}

#app-mount .selectableItem-3-fmiM:hover {
  background-color: var(--backgroundColor02) !important;
}

#app-mount .side-2ur1Qk .themed-2-lozF.selected-g-kMVV.item-3XjbnG:hover {
  background-color: var(--mainColor) !important;
}

#app-mount .side-2ur1Qk .item-3XjbnG[style*="rgb(237, 66, 69)"]:hover,
#app-mount .side-2ur1Qk .themed-2-lozF.item-3XjbnG[style*="rgb(237, 66, 69)"]:hover:not(.disabled-1nofHP) {
  background: #ed4245 !important;
  color: #fff !important;
}

#app-mount .wrapper-SdcMKg {
  border-color: var(--mainColor) !important;
}

#app-mount .option-1QI4c9:hover,
#app-mount .selected-18Wszc.option-1QI4c9 {
  background-color: var(--mainColor) !important;
}

#app-mount .option-1QI4c9 {
  background-color: var(--backgroundColor01) !important;
}

#app-mount .disabled-35mc5w {
  color: var(--backgroundColor01) !important;
}

#app-mount .disabled-35mc5w:hover {
  color: #ed4245 !important;
}

#app-mount .radioBar-3w9XY- {
  background-color: var(--backgroundColor01) !important;
}

#app-mount .radioBar-3w9XY- svg path {
  fill: var(--mainColor);
  opacity: 0.35;
}

#app-mount .radioBar-3w9XY- svg circle {
  fill: var(--mainColor);
}

#app-mount .radioBar-3w9XY-[style*="#ed4245"] svg path {
  fill: #ed4245;
  opacity: 0.35;
}

#app-mount .radioBar-3w9XY-[style*="#ed4245"] svg circle {
  fill: #ed4245;
}

#app-mount .radioBar-3w9XY-[style*="#cb8615"] svg path {
  fill: #cb8615;
  opacity: 0.35;
}

#app-mount .radioBar-3w9XY-[style*="#cb8615"] svg circle {
  fill: #cb8615;
}

#app-mount .radioBar-3w9XY-[style*="#3ba55c"] svg path {
  fill: #3ba55c;
  opacity: 0.35;
}

#app-mount .radioBar-3w9XY-[style*="#3ba55c"] svg circle {
  fill: #3ba55c;
}

#app-mount .container-2nx-BQ[style*="rgb"] {
  background-color: var(--mainColor) !important;
}

#app-mount .container-2nx-BQ[style*="rgb(114, 118, 125)"] {
  background-color: var(--backgroundColor01) !important;
  box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.05);
}

#app-mount .bd-switch {
  background-color: transparent !important;
}

#app-mount .bd-switch .bd-switch-body {
  background-color: var(--backgroundColor01) !important;
  box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.05);
}

#app-mount .bd-switch input:checked+.bd-switch-body {
  --switch-color: base.$accent;
  background-color: var(--mainColor) !important;
}

#app-mount .slider-1NC-Gf .bar-1Bhnl9 {
  background: var(--backgroundColor01);
  box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.01);
}

#app-mount .slider-1NC-Gf .barFill-2Bh7CX {
  background: var(--mainColor);
}

#app-mount .slider-1NC-Gf .defaultValue-19SZ-q .markValue-2U_-UG {
  color: #fff !important;
  letter-spacing: 1px;
}

#app-mount .bd-search-wrapper,
#app-mount .gameNameInput-3TuPuA:focus,
#app-mount .gameNameInput-3TuPuA:hover,
#app-mount .lookFilled-1GseHa.select-1Ia3hD,
#app-mount .popout-1KHNAq {
  border: none !important;
  background-color: var(--backgroundColor02) !important;
}

#app-mount .addGamePopout-3yePJc,
#app-mount .option-2eIyOn.focused-ODgjnC,
#app-mount .option-2eIyOn:focus,
#app-mount .option-2eIyOn:hover,
#app-mount .option-2eIyOn[aria-selected="true"] {
  background-color: var(--backgroundColor01) !important;
}

#app-mount .addGamePopout-3yePJc .select-1YfRS9,
#app-mount .option-2eIyOn.focused-ODgjnC .select-1YfRS9,
#app-mount .option-2eIyOn:focus .select-1YfRS9,
#app-mount .option-2eIyOn:hover .select-1YfRS9,
#app-mount .option-2eIyOn[aria-selected="true"] .select-1YfRS9 {
  margin-bottom: 10px;
}

#app-mount .addGamePopout-3yePJc .css-3vaxre-menu,
#app-mount .option-2eIyOn.focused-ODgjnC .css-3vaxre-menu,
#app-mount .option-2eIyOn:focus .css-3vaxre-menu,
#app-mount .option-2eIyOn:hover .css-3vaxre-menu,
#app-mount .option-2eIyOn[aria-selected="true"] .css-3vaxre-menu {
  background-color: var(--backgroundColor02) !important;
  border: none !important;
}

#app-mount .addGamePopout-3yePJc .css-3vaxre-menu .css-rzbxvl-option,
#app-mount .option-2eIyOn.focused-ODgjnC .css-3vaxre-menu .css-rzbxvl-option,
#app-mount .option-2eIyOn:focus .css-3vaxre-menu .css-rzbxvl-option,
#app-mount .option-2eIyOn:hover .css-3vaxre-menu .css-rzbxvl-option,
#app-mount .option-2eIyOn[aria-selected="true"] .css-3vaxre-menu .css-rzbxvl-option {
  background-color: var(--backgroundColor02) !important;
  box-shadow: inset 0 0 0 100px rgba(0, 0, 0, 0.15);
}

#app-mount .css-3vaxre-menu {
  background-color: var(--backgroundColor01) !important;
  border: 1px solid rgba(0, 0, 0, 0.5) !important;
  border-top: none !important;
}

#app-mount .css-1ba14n5-option {
  background-color: var(--backgroundColor02) !important;
  box-shadow: inset 0 0 0 100px rgba(0, 0, 0, 0.15);
}

#app-mount .row-1Tg75B {
  box-shadow: none !important;
}

#app-mount .bd-select .bd-select-options {
  background: var(--backgroundColor01) !important;
  box-shadow: none !important;
}

#app-mount .bd-select .bd-select-option.selected {
  background-color: var(--backgroundColor01) !important;
  box-shadow: inset 0 0 0 100px rgba(0, 0, 0, 0.15) !important;
}

#app-mount .wrapper-3AZUiP {
  background-color: var(--backgroundColor01) !important;
}

#app-mount .game-3x3aDt {
  box-shadow: none !important;
}

#app-mount .default-1Tkeeg {
  background-color: var(--backgroundColor01) !important;
  box-shadow: inset 0 0 0 100px rgba(0, 0, 0, 0.3);
  border: none !important;
}

#app-mount .card-2ART2V:before {
  background-color: var(--backgroundColor01) !important;
  border: none !important;
}

#app-mount .bd-addon-list .bd-addon-card {
  background: var(--backgroundColor01) !important;
}

#app-mount .bd-addon-list .bd-addon-header {
  background-color: var(--backgroundColor01) !important;
  box-shadow: inset 0 0 0 100px rgba(0, 0, 0, 0.3);
}

#app-mount .analyticsCard-2fnrVG,
#app-mount .cardFolder-3H4uH4,
#app-mount .checklistContainer-12xGp5,
#app-mount .container-2w0lh0,
#app-mount .container-3EtAkD,
#app-mount .container-3ssFyj,
#app-mount .descriptionBox-SKGNgB,
#app-mount .developerPortalCtaWrapper-2PniQs,
#app-mount .editButton-2SLR4j,
#app-mount .enableContainer-1J91Aq,
#app-mount .featureCard-3XHbjy,
#app-mount .memberRow-1FhJgR:hover,
#app-mount .previewContainer-21fFBz,
#app-mount .roleRow-3LoHQ6:hover:not(.roleRowDisableHover-2TXfy-),
#app-mount .settingCard-xZSDjS,
#app-mount .settingsFormItem-25zW3t,
#app-mount .tierBody-x9kBBp,
#app-mount .tierInProgress-1vFUnw,
#app-mount .upsellContainer-L9xv7w,
#app-mount .upsellFooter-ZYsio_ {
  background-color: var(--backgroundColor01) !important;
}

#app-mount .focused-qp-W9B,
#app-mount .header-JUTO-g,
#app-mount .item-1BCeuB:hover,
#app-mount .scroller-3_YDR2,
#app-mount .selected-22ukbQ,
#app-mount .titleContainer-3fPic2,
#app-mount .welcomeChannel-_Q4qAA {
  background-color: var(--backgroundColor02) !important;
}

#app-mount .settingsFormFieldWrapper-U99c9i {
  background-color: var(--backgroundColor02) !important;
  border: none !important;
}

#app-mount .auditLog-1NVAY0 {
  border: none !important;
}

#app-mount .headerClickable-zGQJz3,
#app-mount .headerDefault-1wrJcN {
  background-color: var(--backgroundColor01) !important;
  border: none !important;
}

#app-mount .top-K_jibn .brand-3g5E0C.item-3XjbnG:active,
#app-mount .top-K_jibn .brand-3g5E0C.item-3XjbnG:hover,
#app-mount .top-K_jibn .brand-3g5E0C.selected-g-kMVV.item-3XjbnG {
  border-bottom-color: var(--mainColor) !important;
}

#app-mount .featureIcon-3p1TC_,
#app-mount .icon-2DGsye,
#app-mount .primary-38Hs-h:hover:not(.disabled-184-il),
#app-mount .secondary-2bzKEX {
  background-color: var(--backgroundColor02) !important;
}

#app-mount .featureIcon-3p1TC_ svg,
#app-mount .icon-2DGsye svg,
#app-mount .primary-38Hs-h:hover:not(.disabled-184-il) svg,
#app-mount .secondary-2bzKEX svg {
  color: var(--mainColor) !important;
}

#app-mount .featureIcon-3p1TC_ svg path,
#app-mount .icon-2DGsye svg path,
#app-mount .primary-38Hs-h:hover:not(.disabled-184-il) svg path,
#app-mount .secondary-2bzKEX svg path {
  fill: var(--mainColor) !important;
}

#app-mount .button-YGmtzG:hover,
#app-mount .notice-2olXi7 {
  background-color: var(--mainColor) !important;
}

#app-mount .checklistIcon-D7psvE .checkbox-f1HnKB {
  background-color: var(--mainColor) !important;
  border: none !important;
}

#app-mount .checkbox-f1HnKB[style*="rgb(114, 137, 218)"] {
  background-color: var(--mainColor) !important;
  border: none !important;
}

#app-mount .group-LWHoGI {
  border: none !important;
}

#app-mount .item-4m-12I {
  background-color: var(--backgroundColor01) !important;
}

#app-mount .item-4m-12I.deny-1GO6vI.selected-3jieYB {
  background-color: #ed4245 !important;
}

#app-mount .item-4m-12I.allow-1h61-Z.selected-3jieYB {
  background-color: #4fdc7b !important;
}

#app-mount .tier1-1ttHRY.banner-3Kac2g,
#app-mount .wrapper-3nSjSv {
  background-image: linear-gradient(8.62deg,
      var(--gradientColor02),
      var(--gradientColor01) 75.25%);
}

#app-mount .cardWrapper-CyvwQv {
  background-color: var(--backgroundColor01) !important;
}

#app-mount .checklistHeader-3liG7E,
#app-mount .defaultIndicator-2ndWks,
#app-mount .enableContainer-6E-puu,
#app-mount .gemIndicatorContainer-PqApbX,
#app-mount .header-2Y0-A-,
#app-mount .tierHeaderLocked-1a2opw {
  background-color: var(--backgroundColor01) !important;
  box-shadow: inset 0 0 0 100px rgba(0, 0, 0, 0.3);
}

#app-mount .tierLock-1oFMOZ {
  color: var(--mainColor) !important;
}

#app-mount .background-3xJH_4,
#app-mount .gemWithoutLabel-1od40y {
  color: var(--backgroundColor01) !important;
}

#app-mount .premiumIndicator-22GgcZ {
  background-color: var(--mainColor) !important;
}

.container-18GwIk {
  background-color: var(--backgroundColor01) !important;
}

.container-18GwIk .container-2rzKKA {
  background-color: var(--backgroundColor02) !important;
  border: none !important;
}

.container-18GwIk .header-3_zmOb,
.container-18GwIk .icon-mJhEWn {
  background-color: rgba(0, 0, 0, 0.15);
}

.container-18GwIk .checkbox-f1HnKB.checked-1pZh2h {
  background-color: var(--mainColor) !important;
  border-color: var(--mainColor) !important;
}

.chatHeaderBar-2fUORh {
  background-color: rgba(0, 0, 0, 0.15);
}

#app-mount .divider-1wtgZ3 {
  display: none;
}

#app-mount .bodyInnerWrapper-2bQs1k {
  padding: 0;
}

#app-mount .bodyTitle-2Az3VQ {
  padding: 0 16px;
}

#app-mount .body-2wLx-E {
  padding: 0 !important;
  padding-bottom: 16px !important;
}

#app-mount .aboutMeSection-PUghFQ {
  padding: 16px;
}

#app-mount .avatar-3QF_VA {
  border-color: var(--backgroundColor02) !important;
}

#app-mount .topSection-13QKHs {
  background-color: var(--backgroundColor02) !important;
  box-shadow: 0 2px 15px rgba(0, 0, 0, 0.4);
  position: relative;
  z-index: 200;
}

#app-mount .tabBarContainer-sCZC4w {
  border: none !important;
  background-color: rgba(0, 0, 0, 0.2);
}

#app-mount .tabBarContainer-sCZC4w .selected-g-kMVV.item-3XjbnG,
#app-mount .tabBarContainer-sCZC4w .selected-g-kMVV.item-3XjbnG:hover {
  color: var(--mainColor);
  border-bottom-color: var(--mainColor);
}

#app-mount .body-1Ukv50 {
  background-color: var(--backgroundColor01) !important;
}

#app-mount .infoScroller-1QMpon {
  padding: 16px !important;
}

#app-mount .userInfoSection-2u2hir {
  padding: 0 !important;
}

#app-mount .userInfoSection-2u2hir .note-3M15gE {
  margin: 0 0 16px 0;
}

#app-mount .userInfoSection-2u2hir .note-3M15gE textarea {
  background-color: var(--backgroundColor02) !important;
  border-radius: 4px;
}

#app-mount .userInfoSection-2u2hir+.userInfoSection-2u2hir {
  border: none !important;
}

#app-mount .connectedAccount-1xKpli {
  border: none !important;
  background-color: rgba(0, 0, 0, 0.2);
}

#app-mount .listScroller-entkMk {
  padding: 8px 16px !important;
}

#app-mount .listScroller-entkMk .listRow-2nO1T6 {
  margin: 0;
}

#app-mount .listScroller-entkMk .listRow-2nO1T6:hover {
  background-color: var(--backgroundColor02) !important;
  border-radius: 6px;
}

#app-mount .activity-1gTu-L {
  overflow: hidden;
  position: relative;
  background-color: var(--backgroundColor01);
  padding: 16px;
  margin-bottom: 16px;
}

#app-mount .activity-1gTu-L .anchor-1MIwyf,
#app-mount .activity-1gTu-L .executedCommand-14-SNW .commandName-1KhvGm,
#app-mount .activity-1gTu-L .headerText-3g1XK9,
#app-mount .activity-1gTu-L .markup-eYLPri a {
  color: #fff !important;
}

#app-mount .activity-1gTu-L .lookFilled-1GseHa.colorGrey-2iAG-B {
  background-color: #fff !important;
  color: #1db954 !important;
  box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.35);
}

#app-mount .activity-1gTu-L .bar-1GpknY {
  background-color: rgba(0, 0, 0, 0.5);
}

#app-mount .activity-1gTu-L>* {
  position: relative;
  z-index: 10;
}

#app-mount .activity-1gTu-L::before {
  background-color: var(--mainColor);
  background-image: linear-gradient(-45deg,
      var(--gradientColor01),
      var(--gradientColor02));
  opacity: 0.75;
  content: "";
  height: 100%;
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0;
}

#app-mount .spotifyIcon-2J9kSv {
  position: absolute !important;
  top: 16px;
  right: 16px;
}

#app-mount .spotifyIcon-2J9kSv path {
  fill: #fff !important;
}

#app-mount .avatar-2Vndt_ {
  background-color: var(--backgroundColor01) !important;
  border-color: var(--backgroundColor01) !important;
}

#app-mount .headerTop-2cWpdB {
  background-color: var(--backgroundColor01);
  border: none !important;
}

#app-mount .activity-fViXj7 {
  padding: 16px !important;
}

#app-mount .activity-fViXj7 .anchor-1MIwyf,
#app-mount .activity-fViXj7 .headerText-3g1XK9 {
  color: #fff !important;
}

#app-mount .activity-fViXj7>svg {
  top: 16px;
  right: 16px;
  position: absolute;
}

#app-mount .activity-fViXj7>svg path {
  fill: white;
}

#app-mount .activity-fViXj7 .timeBarUserPopout-qLXZaR .bar-1GpknY {
  background-color: var(--backgroundColor01);
}

#app-mount .customStatus-3XAoF9 {
  padding: 0 16px;
}

#app-mount .userPopout-2j1gM4 {
  background-color: var(#34294f) !important;
  -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.5);
  -ms-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.5);
  -o-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.5);
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.5);
}

#app-mount .bodyInnerWrapper-2bQs1k,
#app-mount .footer-3naVBw,
#app-mount .userPopout-2j1gM4 {
  background-color: var(--backgroundColor01) !important;
}

#app-mount .avatar-22FtUu {
  border: 6px solid var(--backgroundColor01);
  background-color: var(--backgroundColor02);
}

#app-mount .footer-1fjuF6 input {
  background-color: rgba(0, 0, 0, 0.3) !important;
  border: 1px solid rgba(0, 0, 0, 0.3);
}

#app-mount .footer-1fjuF6 input:hover {
  border-color: var(--backgroundColor02);
}

#app-mount .footer-1fjuF6 input:focus,
#app-mount .footer-1fjuF6 input:focus:hover {
  background-color: var(--backgroundColor02) !important;
  border-color: var(--mainColor);
}

#app-mount .rolesList-3uZoaa {
  padding: 0 16px;
}

#app-mount .note-Go5ZP2 {
  margin: 0 16px !important;
}

#app-mount .note-Go5ZP2 textarea {
  background-color: rgba(0, 0, 0, 0.3) !important;
  border: 1px solid rgba(0, 0, 0, 0.3);
}

#app-mount .note-Go5ZP2 textarea:hover {
  border-color: var(--backgroundColor02);
}

#app-mount .note-Go5ZP2 textarea:focus,
#app-mount .note-Go5ZP2 textarea:focus:hover {
  background-color: var(--backgroundColor02) !important;
  border-color: var(--mainColor);
}

#app-mount .note-3HfJZ5 {
  margin: 0 8px 0 0 !important;
}

#app-mount .role-2TIOKu {
  background-color: transparent !important;
  border: 2px solid currentColor;
  border-radius: 50px;
}

#app-mount .addButton-1_dZYu {
  border: none !important;
}

#app-mount .container-2O1UgZ {
  background-color: var(--backgroundColor01) !important;
  -webkit-box-shadow: inset 0 0 0 100000px rgba(0, 0, 0, 0.3),
    0 0 10px 0 rgba(0, 0, 0, 0.5);
  -ms-box-shadow: inset 0 0 0 100000px rgba(0, 0, 0, 0.3),
    0 0 10px 0 rgba(0, 0, 0, 0.5);
  -moz-box-shadow: inset 0 0 0 100000px rgba(0, 0, 0, 0.3),
    0 0 10px 0 rgba(0, 0, 0, 0.5);
  -o-box-shadow: inset 0 0 0 100000px rgba(0, 0, 0, 0.3),
    0 0 10px 0 rgba(0, 0, 0, 0.5);
  box-shadow: inset 0 0 0 100000px rgba(0, 0, 0, 0.3),
    0 0 10px 0 rgba(0, 0, 0, 0.5);
  border: none !important;
}

#app-mount .container-2O1UgZ .focused-qp-W9B,
#app-mount .container-2O1UgZ .item-1BCeuB:hover {
  background-color: var(--backgroundColor02) !important;
}

#app-mount .tabBarContainer-1IbuvX {
  border: none !important;
  background-color: var(--backgroundColor02) !important;
}

#app-mount .tabBarContainer-1IbuvX .tabBarItem-1b8RUP {
  color: rgba(255, 255, 255, 0.5) !important;
}

#app-mount .tabBarContainer-1IbuvX .tabBarItem-1b8RUP:hover {
  border-color: rgba(255, 255, 255, 0.5) !important;
}

#app-mount .tabBarContainer-1IbuvX .tabBarItem-1b8RUP[aria-selected="true"],
#app-mount .tabBarContainer-1IbuvX .tabBarItem-1b8RUP[aria-selected="true"]:hover {
  color: #fff !important;
  border-color: var(--mainColor) !important;
}

#app-mount .userInfoSection-2u2hir:nth-child(2) {
  border: none !important;
}

#app-mount .connectedAccount-1xKpli {
  background-color: var(--backgroundColor02);
  border: none !important;
}

#app-mount .listRow-hutiT_:hover {
  background-color: var(--backgroundColor02);
}

#app-mount .topSectionNormal-2-vo2m {
  background-color: var(--backgroundColor01) !important;
  -webkit-box-shadow: inset 0 0 0 100000px rgba(0, 0, 0, 0.3);
  -ms-box-shadow: inset 0 0 0 100000px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: inset 0 0 0 100000px rgba(0, 0, 0, 0.3);
  -o-box-shadow: inset 0 0 0 100000px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0 0 0 100000px rgba(0, 0, 0, 0.3);
}

#app-mount .topSectionPlaying-1J5E4n {
  background-color: var(--gradientColor01);
  background-image: linear-gradient(-45deg,
      var(--gradientColor01),
      var(--gradientColor02)) !important;
}

#app-mount .topSectionPlaying-1J5E4n .assets-3PQvAh {
  -webkit-box-shadow: 0 7px 10px -4px rgba(0, 0, 0, 0.3);
  -ms-box-shadow: 0 7px 10px -4px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 7px 10px -4px rgba(0, 0, 0, 0.3);
  -o-box-shadow: 0 7px 10px -4px rgba(0, 0, 0, 0.3);
  box-shadow: 0 7px 10px -4px rgba(0, 0, 0, 0.3);
}

#app-mount .topSectionStreaming-1Tpf5X {
  background-color: #593695;
  background-image: linear-gradient(-45deg, #593695, #7651b6) !important;
  -webkit-box-shadow: inset 0 0 0 100000px rgba(0, 0, 0, 0.2);
  -ms-box-shadow: inset 0 0 0 100000px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: inset 0 0 0 100000px rgba(0, 0, 0, 0.2);
  -o-box-shadow: inset 0 0 0 100000px rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 0 0 100000px rgba(0, 0, 0, 0.2);
}

#app-mount .topSectionSpotify-1lI0-P {
  background-color: #1db954;
  background-image: linear-gradient(-45deg, #1db954, #1db944) !important;
  -webkit-box-shadow: inset 0 0 0 100000px rgba(0, 0, 0, 0.2);
  -ms-box-shadow: inset 0 0 0 100000px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: inset 0 0 0 100000px rgba(0, 0, 0, 0.2);
  -o-box-shadow: inset 0 0 0 100000px rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 0 0 100000px rgba(0, 0, 0, 0.2);
}

#app-mount .aboutMeSection-PUghFQ {
  background-color: transparent !important;
}

#app-mount .newBrand .textBadge-1fdDPJ[style*="rgb(88, 101, 242)"] {
  background-color: var(--mainColor) !important;
}

#app-mount .info-3pQQBb .line-18uChy:last-child:after {
  content: "Synthwave '84 " var(--rs-version);
  display: block;
}