diff --git a/de/home/.var/app/dev.vencord.Vesktop/config/vesktop/themes/source.css b/de/home/.var/app/dev.vencord.Vesktop/config/vesktop/themes/source.css
index 896d4b6..f6272d8 100644
--- a/de/home/.var/app/dev.vencord.Vesktop/config/vesktop/themes/source.css
+++ b/de/home/.var/app/dev.vencord.Vesktop/config/vesktop/themes/source.css
@@ -1,7 +1,6 @@
 :root {
   /* APP ELEMENTS */
   --app-bg: transparent;
-/*  --app-bg: url(https://i.ibb.co/5h7854Wy/bgmVeyt.jpg);*/
   --app-blur: 6px;
   --app-margin: 24px;
   --app-radius: 10px;
@@ -142,20 +141,22 @@
  *  APP ELEMENTS
  *
  */
-body {
+body,
+.app__160d8,
+.bg__960e4 {
   background-color: transparent;
 }
 
-._51fd70792ee2e563-appMount {
+.appMount__51fd7 {
   background: var(--app-bg) !important;
   background-repeat: no-repeat !important;
   background-position: center !important;
   background-size: cover !important;
 }
-._51fd70792ee2e563-appMount * {
+.appMount__51fd7 * {
   text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.5);
 }
-._51fd70792ee2e563-appMount svg {
+.appMount__51fd7 svg {
   filter: drop-shadow(0px 1px 2px rgba(0, 0, 0, 0.5));
 }
 
@@ -165,29 +166,25 @@ body {
   text-shadow: none;
 }
 
-._160d8e55254637e5-layers {
-  margin: calc(var(--app-margin) / 2) var(--app-margin) var(--app-margin) var(--app-margin);
+.layers__160d8 {
+  margin-block: 0 var(--app-margin);
+  margin-inline: var(--app-margin);
   overflow: hidden;
   z-index: 1;
-  backdrop-filter: blur(var(--app-blur));
+  backdrop-filter: none;
 }
 
-._421edea01cb52e16-typeMacOS + .a3002d7de5be5280-app ._160d8e55254637e5-layers {
+.typeMacOS__421ed + .app_a3002d .layers__160d8 {
   margin: var(--app-margin);
 }
 
-._160d8e55254637e5-app,
-._960e4207cea8323e-bg {
-  background-color: transparent;
-}
-
-.a2f5142ba8328dfd-container {
+.container_a2f514 {
   background: var(--app-bg);
   background-repeat: no-repeat;
   background-position: center;
   background-size: cover;
 }
-.a2f5142ba8328dfd-container .a2f5142ba8328dfd-content {
+.container_a2f514 .content_a2f514 {
   padding: 16px;
   background-color: var(--popout-color);
   border-radius: var(--popout-radius);
@@ -196,30 +193,36 @@ body {
   backdrop-filter: blur(var(--popout-blur));
 }
 
+.content__5e434 {
+  border-radius: var(--app-radius);
+  overflow: hidden;
+  backdrop-filter: blur(var(--app-blur));
+}
+
 /*
  *
  *  TITLE BAR
  *
  */
-._421edea01cb52e16-titleBar {
+.titleBar__421ed {
   height: 24px;
 }
-._421edea01cb52e16-titleBar._421edea01cb52e16-withFrame {
-  margin-top: 0;
+.titleBar__421ed.withFrame__421ed {
+  margin-block-start: 0;
 }
-._421edea01cb52e16-titleBar._421edea01cb52e16-typeMacOS {
-  top: var(--app-margin);
-  left: var(--app-margin);
+.titleBar__421ed.typeMacOS__421ed {
+  inset-block-start: var(--app-margin);
+  inset-inline-start: var(--app-margin);
 }
-._421edea01cb52e16-titleBar._421edea01cb52e16-typeMacOS ._421edea01cb52e16-macButtons {
+.titleBar__421ed.typeMacOS__421ed .macButtons__421ed {
   width: 72px;
   border-top-left-radius: var(--app-radius);
 }
-._421edea01cb52e16-titleBar._421edea01cb52e16-typeMacOS ._421edea01cb52e16-macButtons ._421edea01cb52e16-macButton {
+.titleBar__421ed.typeMacOS__421ed .macButtons__421ed .macButton__421ed {
   cursor: pointer;
 }
 
-._421edea01cb52e16-wordmarkWindows {
+.wordmarkWindows__421ed {
   color: hsl(0, 0%, 100%);
 }
 
@@ -228,43 +231,57 @@ body {
  *  CHANNELS LIST
  *
  */
-.platform-win ._5e434347c823b592-sidebar {
+.platform-win .sidebar__5e434 {
   border-radius: 0;
 }
 
-._5e434347c823b592-sidebar {
+.sidebar__5e434 {
   background-color: var(--sidebar-color);
 }
-._5e434347c823b592-sidebar ._2637a2609f343032-container {
+.sidebar__5e434:after {
+  display: none;
+}
+.sidebar__5e434 .container__2637a {
+  padding-block-end: calc(var(--custom-app-panels-height, 0) + 10px);
   background-color: transparent;
 }
-._5e434347c823b592-sidebar ._2ea32c412048f708-link {
+.sidebar__5e434 .link__2ea32 {
   border-radius: var(--list-item-radius);
 }
-._5e434347c823b592-sidebar .voiceChannelsButton__29444:hover {
+.sidebar__5e434 .voiceChannelsButton__29444:hover {
   background-color: var(--background-modifier-hover);
 }
 
-.f37cb1984c371ee5-header {
+.container_f37cb1 {
+  background-color: transparent;
+}
+
+.header_f37cb1 {
   background-color: transparent !important;
+  border-bottom: none;
   box-shadow: var(--popout-header-shadow);
 }
-.f37cb1984c371ee5-header .f37cb1984c371ee5-communityInfoPill {
+.header_f37cb1 .communityInfoPill_f37cb1 {
   background-color: var(--card-color);
   border-radius: var(--card-radius);
 }
 
-._07f9193042954787-content {
+.sidebarList__5e434 {
+  backdrop-filter: none;
+  border: none;
+}
+
+.content__07f91 {
   border-radius: var(--list-item-radius);
 }
 
-.e88f3fec6ea23bee-container {
+.container_e88f3f {
   background-color: var(--card-color);
   border-radius: var(--card-radius);
   border: none;
 }
 
-._0d0f9ddd12a3ace3-progressContainer {
+.progressContainer__0d0f9 {
   background-color: var(--card-color);
 }
 
@@ -286,24 +303,27 @@ body {
  *  PANELS
  *
  */
-._5e434347c823b592-panels {
+.panels__5e434 {
   background-color: transparent;
+  border: none;
+  box-shadow: var(--popout-header-shadow);
 }
 
-.e131a99484292a19-actionButtons ._201d5e8a3c09670a-button path[fill] {
+.actionButtons_e131a9 .button__201d5 path[fill] {
   fill: currentColor !important;
 }
-.e131a99484292a19-actionButtons ._201d5e8a3c09670a-button path[stroke] {
+.actionButtons_e131a9 .button__201d5 path[stroke] {
   stroke: currentColor !important;
 }
 
-[style*="box-shadow: 0 0 0 0px var(--status-speaking), inset 0 0 0 2px var(--status-speaking), inset 0 0 0 3px var(--background-base-lower)"]._55bab3f0b2555838-userAvatar {
+.userAvatar__55bab[style*="box-shadow: 0 0 0 0px var(--status-speaking), inset 0 0 0 2px var(--status-speaking), inset 0 0 0 3px var(--background-base-lower)"] {
   box-shadow: inset 0 0 0 2px hsl(var(--accent-hsl)), inset 0 0 0 3px var(--background-base-lower) !important;
 }
 
 .container_bd9e38 {
   width: calc(100% - 16px);
-  margin: 0 8px 8px;
+  margin-block: 0 8px;
+  margin-inline: 8px;
   background-color: transparent;
   border-radius: var(--popout-radius);
   box-shadow: none;
@@ -314,8 +334,8 @@ body {
   content: " ";
   width: 100%;
   height: 100%;
-  top: 0;
-  left: 0;
+  inset-block-start: 0;
+  inset-inline-start: 0;
   background-color: var(--popout-color);
   border-radius: var(--popout-radius);
   box-shadow: var(--popout-shadow);
@@ -324,7 +344,8 @@ body {
   z-index: -1;
 }
 .container_bd9e38 .content_bd9e38 {
-  padding: 8px 0;
+  padding-block: 8px;
+  padding-inline: 0;
 }
 .container_bd9e38 .video_bd9e38 {
   width: 208px !important;
@@ -332,42 +353,42 @@ body {
   border-radius: var(--popout-radius);
 }
 
-.e131a99484292a19-container,
-._37e49614b9f110a9-container,
+.container_e131a9,
+.container__37e49,
 .content__37e49,
-._5e434347c823b592-activityPanel {
+.activityPanel__5e434 {
   background: transparent !important;
 }
 
-.e131a99484292a19-container ._201d5e8a3c09670a-disabledButtonWrapper {
+.container_e131a9 .disabledButtonWrapper__201d5 {
   --button-padding: 0;
   border-radius: var(--button-radius);
 }
 
-._37e49614b9f110a9-avatarWrapper {
-  margin-left: -4px;
-  padding-left: 4px;
+.avatarWrapper__37e49 {
+  margin-inline-start: -4px;
+  padding-inline-start: 4px;
 }
-._37e49614b9f110a9-avatarWrapper:hover {
+.avatarWrapper__37e49:hover {
   border-radius: 20px;
 }
 
-.e0cf275d59896c00-listeningAlong {
+.listeningAlong_e0cf27 {
   border-top: none;
   border-bottom-color: var(--background-modifier-accent);
 }
 
 /* PANELS -> QUEST */
-._0d6162a4e6a4b802-wrapper {
+.wrapper__0d616 {
   background-color: transparent !important;
   border-radius: 0;
 }
 
-._0d6162a4e6a4b802-contentWrapper {
+.contentWrapper__0d616 {
   background-color: transparent !important;
   border-radius: 0;
 }
-._0d6162a4e6a4b802-contentWrapper:after {
+.contentWrapper__0d616:after {
   box-shadow: none !important;
 }
 
@@ -375,15 +396,15 @@ body {
   display: none;
 }
 
-._24e2c2ebe64fd7d3-heroAssetWrapper {
+.heroAssetWrapper__24e2c {
   border-radius: 0 !important;
 }
 
-._24e2c2ebe64fd7d3-heroAssetWrapper {
+.heroAssetWrapper__24e2c {
   filter: none !important;
 }
 
-._24e2c2ebe64fd7d3-legibilityGradient {
+.legibilityGradient__24e2c {
   background: none;
   border-radius: 0;
 }
@@ -399,25 +420,30 @@ body {
  *  PRIVATE CHANNELS
  *
  */
-.e6b7699ce8339e1c-privateChannels,
-._99e7cad8d4c55236-scroller {
+.privateChannels_e6b769,
+.scroller__99e7c {
   background-color: transparent !important;
 }
 
-._99e7cad8d4c55236-scroller {
-  margin-bottom: 0;
+.privateChannels_e6b769 {
+  padding-block-end: calc(var(--custom-app-panels-height, 0) + 10px);
 }
 
-.e6b7699ce8339e1c-searchBar {
+.scroller__99e7c {
+  margin-block-end: 0;
+}
+
+.searchBar_e6b769 {
   height: 56px;
+  border-bottom: none;
   box-shadow: var(--popout-header-shadow);
 }
-.e6b7699ce8339e1c-searchBar .searchBarComponent_e6b769 {
-  background-color: rgba(var(--textarea-color), var(--textarea-alpha));
-  border-radius: 14px;
+.searchBar_e6b769 .button_a22cb0 {
+  --button-background: rgba(var(--textarea-color),var(--textarea-alpha));
+  --button-text-color: var(--textarea-text-color);
 }
 
-._972a0d22c8afa7f0-channel {
+.channel__972a0 {
   border-radius: var(--list-item-radius);
 }
 
@@ -426,120 +452,140 @@ body {
  *  CHAT AREA
  *
  */
-.f75fb00fb7356cbe-chat,
-._01d5c7193c9f2ff4-noChannel {
+.chat_f75fb0,
+.noChannel__01d5c {
   background-color: var(--main-content-color) !important;
 }
 
-.f75fb00fb7356cbe-chat.f75fb00fb7356cbe-threadSidebarOpen {
+.chat_f75fb0[data-has-border=true] {
+  border-top: none;
+}
+.chat_f75fb0.threadSidebarOpen_f75fb0 {
   border-radius: 0 var(--app-radius) var(--app-radius) 0;
 }
-
-.f75fb00fb7356cbe-chatContent {
+.chat_f75fb0 .scrollerBase_d125d2 {
   background-color: transparent;
 }
 
-.cb9592ad77576717-channelChatWrapper {
+.chatContent_f75fb0 {
   background-color: transparent;
 }
 
-.f75fb00fb7356cbe-content:before {
+.channelChatWrapper_cb9592 {
+  background-color: transparent;
+}
+
+.content_f75fb0:before {
   display: none;
 }
 
-._36d072eab2b2e737-chatGradientBase,
-._36d072eab2b2e737-chatTypingGradientAtBottom,
-._36d072eab2b2e737-chatTypingGradientNotAtBottom {
+.chatGradientBase__36d07,
+.chatTypingGradientAtBottom__36d07,
+.chatTypingGradientNotAtBottom__36d07 {
   background: transparent;
 }
 
-._36d072eab2b2e737-chatTypingGradientAtBottom,
-._36d072eab2b2e737-chatTypingGradientNotAtBottom {
+.chatTypingGradientAtBottom__36d07,
+.chatTypingGradientNotAtBottom__36d07 {
   height: var(--space-24);
 }
 
-._00de6f6c14b53606-emptyChannelIcon {
+.emptyChannelIcon__00de6 {
   background-color: var(--message-color);
 }
 
-.fc817765600a960a-button {
+.button_fc8177 {
   color: hsl(var(--accent-hsl));
 }
 
-.b4b2c318c99fc487-role {
+.role_b4b2c3 {
   background-color: var(--message-color);
   border-radius: 12px;
 }
-.b4b2c318c99fc487-role:hover {
+.role_b4b2c3:hover {
   background-color: var(--message-color-hover);
 }
 
-._0f481cbbd7530492-jumpToPresentBar {
-  bottom: 10px;
+.jumpToPresentBar__0f481 {
+  inset-block-end: 10px;
   background-color: var(--popout-color);
   border-radius: var(--popout-radius);
   border: none;
   backdrop-filter: blur(var(--popout-blur));
 }
-._0f481cbbd7530492-jumpToPresentBar ._0f481cbbd7530492-barButtonBase {
+.jumpToPresentBar__0f481 .barButtonBase__0f481 {
   color: var(--text-normal);
 }
-._0f481cbbd7530492-jumpToPresentBar ._46696d17714f10ab-spinner {
+.jumpToPresentBar__0f481 .spinner__46696 {
   --spinner-size: auto;
 }
-._0f481cbbd7530492-jumpToPresentBar .spinnerItem-2HfQC8 {
+.jumpToPresentBar__0f481 .spinnerItem-2HfQC8 {
   background-color: var(--accent-text-color);
 }
 
-._0f481cbbd7530492-newMessagesBar {
+.newMessagesBar__0f481 {
   background-color: hsl(var(--accent-hsl), var(--accent-opacity));
   border: none;
+  box-shadow: none;
 }
-._0f481cbbd7530492-newMessagesBar ._0f481cbbd7530492-barButtonBase {
+.newMessagesBar__0f481 .barButtonBase__0f481 {
   color: var(--accent-text-color);
 }
+.newMessagesBar__0f481 .barButtonBase__0f481,
+.newMessagesBar__0f481 .barButtonBase__0f481 span {
+  font-weight: 500;
+  text-shadow: none;
+}
+
+.wrapper_d852db,
+.wrapper_fc8177 {
+  background-color: transparent;
+}
 
 /*
  *
  *	VOICE & VIDEO CALL
  *
  */
-._1405b3b8e8eb5fd0-wrapper ._1405b3b8e8eb5fd0-buttonSection:first-child > .f1ceaca61b18918e-attachedCaretButtonContainer > div:first-child .f1ceaca61b18918e-colorable {
+.wrapper__1405b .buttonSection__1405b:first-child > .attachedCaretButtonContainer_f1ceac > div:first-child .colorable_f1ceac {
   --button-radius: calc(var(--popout-radius) / 1.2) 4px 4px calc(var(--popout-radius) / 1.2);
 }
 
-._1405b3b8e8eb5fd0-buttonSection {
+.buttonSection__1405b {
   position: relative;
   padding: 5px;
   background-color: var(--popout-color);
   backdrop-filter: blur(var(--popout-blur));
   border: none;
 }
-._1405b3b8e8eb5fd0-buttonSection .f1ceaca61b18918e-colorable {
+.buttonSection__1405b .colorable_f1ceac {
   --button-background: var(--background-modifier-active);
   --button-radius: calc(var(--popout-radius) / 1.2);
   height: 42px;
-  padding: 0 10px;
+  padding-block: 0;
+  padding-inline: 10px;
 }
-._1405b3b8e8eb5fd0-buttonSection .f1ceaca61b18918e-colorable svg {
+.buttonSection__1405b .colorable_f1ceac svg {
   filter: none;
 }
-._1405b3b8e8eb5fd0-buttonSection .f1ceaca61b18918e-contextMenuNub {
-  padding: 0 2px;
+.buttonSection__1405b .contextMenuNub_f1ceac {
+  padding-block: 0;
+  padding-inline: 2px;
   border-radius: 4px calc(var(--popout-radius) / 1.2) calc(var(--popout-radius) / 1.2) 4px;
 }
 
-.f1ceaca61b18918e-colorable.f1ceaca61b18918e-disconnect {
+.colorable_f1ceac.disconnect_f1ceac {
   --button-background: hsl(var(--alert-hsl));
   --button-radius: var(--popout-radius);
   --button-text-color: var(--alert-text-color);
   height: 52px;
-  padding: 0 10px;
+  padding-block: 0;
+  padding-inline: 10px;
 }
-.f1ceaca61b18918e-colorable.f1ceaca61b18918e-disconnect:after {
+.colorable_f1ceac.disconnect_f1ceac:after {
   border-radius: inherit;
 }
-.f1ceaca61b18918e-colorable svg {
+.colorable_f1ceac svg {
   filter: none;
 }
 
@@ -548,52 +594,56 @@ body {
  *  DIRECT MESSAGES
  *
  */
-.cb9592ad77576717-wrapper.cb9592ad77576717-minimum, .cb9592ad77576717-wrapper.cb9592ad77576717-video {
+.wrapper_cb9592.minimum_cb9592, .wrapper_cb9592.video_cb9592 {
   background-color: transparent;
   box-shadow: var(--popout-header-shadow);
 }
-.cb9592ad77576717-wrapper .cb9592ad77576717-callContainer {
+.wrapper_cb9592 .root_bfe55a,
+.wrapper_cb9592 .callContainer_cb9592 {
   background-color: transparent;
 }
-.cb9592ad77576717-wrapper ._9293f6b2fc12398a-container {
+.wrapper_cb9592 .callContainer_cb9592 {
+  border: none;
+}
+.wrapper_cb9592 .container__9293f {
   box-shadow: none;
 }
-.cb9592ad77576717-wrapper ._90dc5e06d05dc634-tile {
+.wrapper_cb9592 .tile__90dc5 {
   border-radius: var(--card-radius);
 }
 
-._1405b3b8e8eb5fd0-controlButton svg {
+.controlButton__1405b svg {
   filter: none;
 }
 
-._2f4f7eb58b61c328-border {
+.border__2f4f7 {
   border-radius: var(--card-radius);
 }
-._2f4f7eb58b61c328-border._2f4f7eb58b61c328-speaking {
+.border__2f4f7.speaking__2f4f7 {
   box-shadow: inset 0 0 0 2px hsl(var(--accent-hsl)), inset 0 0 0 3px var(--background-base-lower);
 }
 
 /* DIRECT MESSAGES -> SIDEBAR PROFILE */
-[style].user-profile-sidebar {
+.user-profile-sidebar[style] {
   border-radius: 0;
 }
-[style].user-profile-sidebar:not(.custom-user-profile-theme) {
+.user-profile-sidebar[style]:not(.custom-user-profile-theme) {
   background-color: var(--sidebar-color);
 }
-[style].user-profile-sidebar .c0bea05627c5dc35-inner {
+.user-profile-sidebar[style] .inner_c0bea0 {
   border-radius: 0;
 }
-[style].user-profile-sidebar .c0bea05627c5dc35-inner ._68edb95846a37624-banner {
+.user-profile-sidebar[style] .inner_c0bea0 .banner__68edb {
   border-radius: 0;
 }
-[style].user-profile-sidebar .c0bea05627c5dc35-inner * {
+.user-profile-sidebar[style] .inner_c0bea0 * {
   text-shadow: none;
 }
-[style].user-profile-sidebar .c0bea05627c5dc35-inner svg {
+.user-profile-sidebar[style] .inner_c0bea0 svg {
   filter: none;
 }
 
-._3b2602e558ef3de0-overlay ._201d5e8a3c09670a-button {
+.overlay__3b260 .button__201d5 {
   --button-height: 36px !important;
   --button-padding: 0 12px;
   --button-background: transparent !important;
@@ -606,7 +656,7 @@ body {
  *	FORMAT TOOLBAR
  *
  */
-.bba88350df28dff1-toolbar {
+.toolbar_bba883 {
   background-color: var(--popout-color) !important;
   border-radius: var(--popout-radius) !important;
   box-shadow: var(--popout-shadow) !important;
@@ -614,11 +664,11 @@ body {
   backdrop-filter: blur(var(--popout-blur));
   overflow: hidden;
 }
-.bba88350df28dff1-toolbar ._201d5e8a3c09670a-button {
+.toolbar_bba883 .button__201d5 {
   --button-radius: 0;
   --button-background: transparent;
 }
-.bba88350df28dff1-toolbar ._201d5e8a3c09670a-button:after {
+.toolbar_bba883 .button__201d5:after {
   --button-action-color: #fff;
 }
 
@@ -627,86 +677,99 @@ body {
  *  MEMBERS LIST
  *
  */
-.c8ffbb79449f399c-container {
+.membersWrap_c8ffbb {
+  background-color: transparent;
+  border-left: none;
+}
+
+.container_c8ffbb {
   background-color: transparent;
 }
 
-.c8ffbb79449f399c-members, .c8ffbb79449f399c-members > div {
+.members_c8ffbb, .members_c8ffbb > div {
   background-color: transparent;
 }
 
-._5d473ecff348c314-member {
+.member__5d473 {
   background-color: transparent;
 }
 
-._91a9d7f7e5248a56-layout {
+.memberInner__5d473 {
+  height: 100%;
+}
+
+.layout__91a9d {
   border-radius: var(--list-item-radius);
 }
 
-._82f0793afa59e5dc-botTag {
+.botTag__82f07 {
   border-radius: 5px !important;
 }
-._82f0793afa59e5dc-botTag._82f0793afa59e5dc-botTagRegular {
+.botTag__82f07.botTagRegular__82f07 {
   background-color: hsla(var(--accent-hsl), var(--accent-opacity));
   color: var(--accent-text-color);
 }
-._82f0793afa59e5dc-botTag ._82f0793afa59e5dc-botText {
+.botTag__82f07 .botText__82f07 {
   text-shadow: none;
 }
-._82f0793afa59e5dc-botTag svg {
+.botTag__82f07 svg {
   filter: none !important;
 }
-._82f0793afa59e5dc-botTag path {
+.botTag__82f07 path {
   fill: var(--accent-text-color);
 }
 
 /* MEMBERS LIST -> ACTIVITIES */
-._0f2e83213c878a13-container {
+.container__0f2e8 {
   background-color: var(--background-modifier-hover);
 }
-._0f2e83213c878a13-container:hover {
+.container__0f2e8:hover {
   background-color: var(--background-modifier-active);
 }
+.container__0f2e8.selected__0f2e8 {
+  background-color: var(--background-modifier-selected);
+}
 
 /*
  *
  *  SEARCH RESULTS
  *
  */
-.a9e7064fdee8e9b0-searchResultsWrap {
-  background-color: rgba(var(--main-rgb), calc((var(--sidebar-opacity) - var(--main-content-opacity)) / (1 - var(--main-content-opacity))));
+.searchResultsWrap_a98f3b {
+  background-color: var(--sidebar-color);
 }
 
 /* SEARCH RESULTS -> HEADER */
-.f3b986a284a18c78-searchHeader {
+.searchHeader_ae7890 {
   background-color: transparent;
+  border-bottom: none;
   box-shadow: var(--popout-header-shadow);
 }
 
-.channelName-3w2Y3c {
-  background-color: transparent;
-}
-
 /* SEARCH RESULTS -> MESSAGES */
-._02a39cb2980ceaaf-searchResult:before, ._02a39cb2980ceaaf-searchResult:after {
+.searchResult__80bf8 {
+  background-color: transparent;
+  border: none;
+}
+.searchResult__80bf8:before, .searchResult__80bf8:after {
   display: none;
 }
-._02a39cb2980ceaaf-searchResult .c19a557985eb7793-wrapper {
-  margin-left: 50px;
-  margin-right: 0;
+.searchResult__80bf8 .wrapper_c19a55 {
+  margin-inline-start: 50px;
+  margin-inline-end: 0;
 }
 
-._02a39cb2980ceaaf-buttonsContainer {
-  top: 16px;
-  right: 8px;
+.buttonsContainer__80bf8 {
+  inset-block-start: 16px;
+  inset-inline-end: 8px;
 }
-._02a39cb2980ceaaf-buttonsContainer ._02a39cb2980ceaaf-button {
+.buttonsContainer__80bf8 .button__80bf8 {
   background-color: var(--card-color);
   border-radius: var(--button-radius);
 }
 
 /* SEARCH RESULTS -> PAGINATION */
-.c1521037ef09de7e-activeButton {
+.activeButton_c15210 {
   background-color: hsla(var(--accent-hsl), var(--accent-opacity)) !important;
   color: var(--accent-text-color) !important;
 }
@@ -716,108 +779,123 @@ body {
  *	MAIN TEXTAREA
  *
  */
-.f75fb00fb7356cbe-form {
-  margin-top: 0;
+.form_f75fb0 {
+  margin-block-start: 0;
 }
-.f75fb00fb7356cbe-form:before {
+.form_f75fb0:before {
   display: none;
 }
 
-.f75fb00fb7356cbe-channelBottomBarArea {
-  margin: 12px 0;
+.channelBottomBarArea_f75fb0 {
+  margin-block: 12px;
+  margin-inline: 0;
   gap: var(--space-16);
 }
 
-._740174f3d6a2c8fe-channelTextArea,
-._44df51b030bd5ece-wrapper {
+.channelTextArea__74017,
+.wrapper__44df5 {
   --textarea-alpha: 0.1;
-  margin: 0;
   background: rgba(var(--textarea-color), var(--textarea-alpha));
   border-radius: var(--textarea-radius);
+  border: none;
 }
-._740174f3d6a2c8fe-channelTextArea ._740174f3d6a2c8fe-scrollableContainer,
-._44df51b030bd5ece-wrapper ._740174f3d6a2c8fe-scrollableContainer {
+.channelTextArea__74017 .scrollableContainer__74017,
+.wrapper__44df5 .scrollableContainer__74017 {
   background-color: transparent;
 }
-._740174f3d6a2c8fe-channelTextArea ._1b31f471f0bb10ab-placeholder,
-._44df51b030bd5ece-wrapper ._1b31f471f0bb10ab-placeholder {
+.channelTextArea__74017 .placeholder__1b31f,
+.wrapper__44df5 .placeholder__1b31f {
   color: var(--textarea-placeholder-color);
 }
-._740174f3d6a2c8fe-channelTextArea ._1b31f471f0bb10ab-editor,
-._44df51b030bd5ece-wrapper ._1b31f471f0bb10ab-editor {
+.channelTextArea__74017 .editor__1b31f,
+.wrapper__44df5 .editor__1b31f {
   color: var(--textarea-text-color);
 }
 
-._740174f3d6a2c8fe-channelTextAreaDisabled ._740174f3d6a2c8fe-scrollableContainer {
+.channelTextArea__74017 {
+  margin: 0;
+}
+
+.wrapper__44df5 {
+  margin-block: 12px;
+  margin-inline: 0;
+  padding-block: 11px;
+  padding-inline: 0;
+}
+
+.channelTextAreaDisabled__74017 .scrollableContainer__74017 {
   opacity: 1;
 }
 
-._44df51b030bd5ece-wrapper {
-  padding: 12px 0;
-}
-
-.aa605f19898fe32e-upload {
+.upload_aa605f {
   background-color: var(--message-color);
-  border-radius: var(--message-radius);
+  border-radius: calc(var(--textarea-radius) / 1.4);
+  border: none;
 }
 
-.b8880176888cc928-typing {
+.typing_b88801 {
   position: absolute;
   width: calc(100% - 32px);
   height: 24px;
-  top: -12px;
-  left: unset;
-  right: unset;
-  margin-top: 0;
-  margin-right: 0 !important;
+  inset-block-start: -12px;
+  inset-inline-start: unset;
+  inset-inline-end: unset;
+  margin-block-start: 0;
+  margin-inline-end: 0 !important;
 }
-.b8880176888cc928-typing.b8880176888cc928-inTextChannel {
-  top: -12px;
+.typing_b88801.inTextChannel_b88801 {
+  inset-block-start: -12px;
 }
-._740174f3d6a2c8fe-stackedBars {
+
+.stackedBars__74017 {
   background-color: transparent;
   border-bottom: 1px solid var(--background-modifier-accent);
 }
-._740174f3d6a2c8fe-stackedBars ._841c8f861f7b2704-replyBar {
+.stackedBars__74017 .replyBar__841c8 {
   background: transparent;
 }
 
-._841c8f861f7b2704-mentionButton {
+.mentionButton__841c8 {
   --text-link: hsl(var(--accent-hsl));
 }
 
-._841c8f861f7b2704-threadSuggestionBar {
+.threadSuggestionBar__841c8 {
   background-color: transparent;
 }
 
-._201d5e8a3c09670a-colorLink, .colorLink_c9946a {
+.colorLink__201d5, .colorLink_c9946a {
   color: hsl(var(--accent-hsl));
 }
 
-.ada32f6ad5a36c58-fakeLink {
+.fakeLink_ada32f {
   color: hsl(var(--accent-hsl));
 }
 
-.ada32f6ad5a36c58-before_inlineCode,
-.ada32f6ad5a36c58-after_inlineCode {
+.before_inlineCode_ada32f,
+.before_inlineCode_ada32f,
+.after_inlineCode_ada32f {
   background-color: var(--textarea-block-color);
 }
 
-.ada32f6ad5a36c58-before_inlineCode {
+.before_inlineCode_ada32f {
   color: var(--textarea-block-text-color);
 }
 
-._0923f156a0410684-attachWrapper {
+.attachWrapper__0923f {
   padding: 0;
 }
 
-._0923f156a0410684-attachButton:not(._24af7f4d0326ba4f-noHover):hover {
+.attachButton__0923f {
+  padding-block: var(--space-12);
+  padding-inline: var(--space-md) var(--space-xs);
+}
+.attachButton__0923f:not(.noHover__24af7):hover {
   background-color: transparent;
 }
 
-._24af7f4d0326ba4f-button:not(._24af7f4d0326ba4f-noHover),
-._0923f156a0410684-attachButtonInner,
-._04eede68d145ae81-emojiButton {
+.button__24af7:not(.noHover__24af7),
+.attachButtonInner__0923f,
+.emojiButton__04eed {
   border-radius: 16px;
 }
 
@@ -825,17 +903,17 @@ body {
 .channelAppLauncher_e6e74f {
   margin: 0;
 }
-.channelAppLauncher_e6e74f .e6e74fd4d1221f53-button {
+.channelAppLauncher_e6e74f .button_e6e74f {
   background: rgba(var(--textarea-color), var(--textarea-alpha));
   border-radius: var(--textarea-radius) !important;
 }
 
-.e6e74fd4d1221f53-buttonContainer {
+.buttonContainer_e6e74f {
   background-color: transparent;
 }
 
 /* MAIN TEXTAREA -> SPAM FILTER */
-.a2eac324d62a31c3-spamBanner {
+.spamBanner_a2eac3 {
   --textarea-alpha: 0.1;
   background-color: rgba(var(--textarea-color), var(--textarea-alpha));
   border-radius: var(--textarea-radius);
@@ -846,17 +924,17 @@ body {
  *  THREAD
  *
  */
-._01ae244280823725-chatTarget {
+.chatTarget__01ae2 {
   background-color: transparent;
   overflow: hidden;
 }
-._01ae244280823725-chatTarget:before {
+.chatTarget__01ae2:before {
   content: " ";
   position: absolute;
   width: calc(100% + var(--app-margin) * 2);
   height: calc(100% + var(--app-margin) * 2 + 24px);
-  top: calc((var(--app-margin) + 24px) * -1);
-  left: calc(var(--app-margin) * -1);
+  inset-block-start: calc((var(--app-margin) + 24px) * -1);
+  inset-inline-start: calc(var(--app-margin) * -1);
   background-color: var(--popout-color);
   background-image: var(--app-bg);
   background-repeat: no-repeat;
@@ -869,33 +947,36 @@ body {
   pointer-events: none;
 }
 
-._01ae244280823725-floating {
+.floating__01ae2 {
   border-left-color: rgba(255, 255, 255, 0.1);
 }
 
-._01ae244280823725-container {
+.container__01ae2 {
+  background-color: var(--main-content-color);
   border-radius: var(--app-radius);
+  border: none;
 }
 
-._01ae244280823725-resizeHandle {
+.resizeHandle__01ae2 {
   background-color: transparent;
 }
 
-.fb64c9a451c49797-container {
+.container_fb64c9 {
   background-color: transparent;
 }
 
-.fb64c9a451c49797-chat:before {
+.chat_fb64c9:before {
   display: none;
 }
 
-.fb64c9a451c49797-submitContainer {
-  margin: 12px var(--space-xs);
+.submitContainer_fb64c9 {
+  margin-block: 12px;
+  margin-inline: var(--space-xs);
 }
-.fb64c9a451c49797-submitContainer ._740174f3d6a2c8fe-channelTextArea {
+.submitContainer_fb64c9 .channelTextArea__74017 {
   width: 100%;
 }
-.fb64c9a451c49797-submitContainer ._740174f3d6a2c8fe-sansAttachButtonCreateThread {
+.submitContainer_fb64c9 .sansAttachButtonCreateThread__74017 {
   padding-inline-start: 24px;
 }
 
@@ -922,8 +1003,8 @@ body {
   content: " ";
   width: 100%;
   height: 100%;
-  top: 0;
-  left: 0;
+  inset-block-start: 0;
+  inset-inline-start: 0;
   background-color: var(--popout-color);
   border-radius: var(--popout-radius);
   box-shadow: var(--popout-shadow);
@@ -934,22 +1015,22 @@ body {
 .ChannelDms-channelpopout-popout .ChannelDms-channelpopout-collapseButton {
   width: 24px;
   height: 24px;
-  top: 6px !important;
-  left: 6px !important;
+  inset-block-start: 6px !important;
+  inset-inline-start: 6px !important;
 }
 .ChannelDms-channelpopout-popout .ChannelDms-channelpopout-removeButton {
-  top: 6px !important;
-  right: 6px !important;
+  inset-block-start: 6px !important;
+  inset-inline-end: 6px !important;
 }
 .ChannelDms-channelpopout-popout .ChannelDms-channelpopout-header {
   background-color: transparent !important;
   box-shadow: var(--popout-header-shadow) !important;
 }
 .ChannelDms-channelpopout-popout .ChannelDms-channelpopout-header .ChannelDms-channelpopout-headerTag {
-  margin-left: 24px;
+  margin-inline-start: 24px;
 }
 .ChannelDms-channelpopout-popout .ChannelDms-channelpopout-header .ChannelDms-channelpopout-buttons {
-  margin-right: 30px;
+  margin-inline-end: 30px;
 }
 
 /*
@@ -958,7 +1039,8 @@ body {
  *
  */
 #channelTabs-container {
-  margin: calc(var(--app-margin) / 2) var(--app-margin) calc(var(--app-margin) / 4 * -1);
+  margin-block: calc(var(--app-margin) / 2) calc(var(--app-margin) / 4 * -1);
+  margin-inline: var(--app-margin);
   padding: 4px !important;
   background-color: var(--sidebar-color) !important;
   border-radius: var(--app-radius);
@@ -977,7 +1059,7 @@ body {
 }
 
 .channelTabs-tab {
-  margin-bottom: 0 !important;
+  margin-block-end: 0 !important;
   border-radius: calc(var(--app-radius) / 1.5) !important;
 }
 
@@ -1003,14 +1085,14 @@ body {
 }
 
 .charCounterAdded-zz9O4t {
-  margin-bottom: 24px;
+  margin-block-end: 24px;
 }
 
 .counter-uAzbKp {
   position: absolute !important;
   width: auto;
   height: 24px;
-  margin-top: -12px;
+  margin-block-start: -12px;
   padding: 0;
   line-height: 24px;
   border-top: none;
@@ -1029,8 +1111,8 @@ body {
   background-color: transparent !important;
 }
 
-.hasCounter.c8ffbb79449f399c-membersWrap .c8ffbb79449f399c-members {
-  margin-top: 41px !important;
+.membersWrap_c8ffbb.hasCounter .members_c8ffbb {
+  margin-block-start: 41px !important;
 }
 
 /*
@@ -1038,6 +1120,10 @@ body {
  *  BETTERDISCORD PLUGIN -> SpotifyControls
  *
  */
+.container_791eb8 .text-sm\/normal_cf4812 {
+  color: var(--text-subtle);
+}
+
 #vc-spotify-player {
   background-color: transparent !important;
 }
@@ -1058,16 +1144,14 @@ body {
   background-image: none !important;
 }
 .bd-button .bd-button-content svg:not([fill]) .fill {
-  fill: currentColor;
   filter: none;
 }
 .bd-button .bd-button-content svg[fill] {
-  fill: currentColor;
   filter: none;
 }
 
 .bd-button-tiny,
-.bd-button-medium,
+.bd-button-medium_cf4812,
 .bd-button-large {
   height: var(--button-height);
   min-height: var(--button-height);
@@ -1104,17 +1188,17 @@ body {
  */
 #bd-notices {
   position: absolute;
-  top: var(--space-8);
-  right: var(--space-8);
+  inset-block-start: var(--space-8);
+  inset-inline-end: var(--space-8);
   z-index: 1001;
 }
 #bd-notices:has(.bd-notice) {
   width: auto;
-  left: unset;
+  inset-inline-start: unset;
 }
 
-._5e434347c823b592-base:has(#bd-notices .bd-notice) {
-  margin-top: 0;
+.base__5e434:has(#bd-notices .bd-notice) {
+  margin-block-start: 0;
 }
 
 .bd-notice {
@@ -1136,8 +1220,8 @@ body {
 .bd-notice .bd-notice-close {
   width: 18px;
   height: 18px;
-  top: 20px;
-  right: 20px;
+  inset-block-start: 20px;
+  inset-inline-end: 20px;
   -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/close.svg);
   -webkit-mask-repeat: no-repeat;
   background-color: var(--header-secondary);
@@ -1147,7 +1231,7 @@ body {
   opacity: 0.75;
 }
 .bd-notice .bd-notice-content {
-  margin-right: 30px;
+  margin-inline-end: 30px;
   font-size: 1.25em;
   font-weight: 400;
   color: var(--header-primary) !important;
@@ -1157,7 +1241,7 @@ body {
   display: flex;
   height: var(--button-height);
   line-height: var(--button-height);
-  top: 0;
+  inset-block-start: 0;
   margin: 0;
   justify-content: center;
   background-color: hsl(var(--accent-hsl)) !important;
@@ -1180,7 +1264,7 @@ body {
   background-color: transparent;
 }
 
-[style*="background-color: var(--bd-brand)"].bd-notification-progress {
+.bd-notification-progress[style*="background-color: var(--bd-brand)"] {
   background-color: hsl(var(--accent-hsl)) !important;
 }
 
@@ -1200,8 +1284,8 @@ body {
   content: " ";
   width: 100%;
   height: 100%;
-  top: 0;
-  left: 0;
+  inset-block-start: 0;
+  inset-inline-start: 0;
   background-color: var(--popout-color);
   border-radius: var(--popout-radius);
   box-shadow: var(--popout-shadow);
@@ -1286,43 +1370,43 @@ body {
   margin: 16px;
 }
 .vc-rdb-modal-footer .vc-rdb-review {
-  margin-top: 0 !important;
-  margin-right: 0 !important;
+  margin-block-start: 0 !important;
+  margin-inline-end: 0 !important;
 }
 
 .vc-rdb-review {
   --message-color: var(--card-color);
   --message-color-hover: var(--card-color-hover);
-  margin-top: 4px !important;
-  margin-left: 52px !important;
+  margin-block-start: 4px !important;
+  margin-inline-start: 52px !important;
 }
 .vc-rdb-review:hover {
   background-color: var(--message-color-hover) !important;
 }
-.vc-rdb-review .c19a557985eb7793-avatar {
-  left: -52px !important;
+.vc-rdb-review .avatar_c19a55 {
+  inset-inline-start: -52px !important;
 }
 
 .vc-rdb-review-comment {
-  margin-bottom: 0;
+  margin-block-end: 0;
 }
 
 .vc-rdb-input {
   --textarea-background: rgba(var(--textarea-color), var(--textarea-alpha));
-  margin-top: 12px !important;
+  margin-block-start: 12px !important;
   background-color: var(--textarea-background) !important;
   border-radius: 22px !important;
   border: none !important;
   box-shadow: none !important;
 }
-.vc-rdb-input ._1b31f471f0bb10ab-placeholder {
+.vc-rdb-input .placeholder__1b31f {
   color: var(--textarea-placeholder-color);
 }
-.vc-rdb-input ._1b31f471f0bb10ab-editor {
+.vc-rdb-input .editor__1b31f {
   color: var(--textarea-text-color);
 }
-.vc-rdb-input ._740174f3d6a2c8fe-buttons {
-  margin-right: 0 !important;
+.vc-rdb-input .buttons__74017 {
+  margin-inline-end: 0 !important;
 }
 
 /*
@@ -1346,33 +1430,34 @@ body {
  *
  */
 .vc-settings-tab-bar {
-  margin-top: 24px;
-  margin-bottom: 0 !important;
-  padding-top: 10px;
+  margin-block-start: 24px;
+  margin-block-end: 0 !important;
+  padding-block-start: 10px;
   border-bottom: 1px solid var(--background-modifier-accent) !important;
 }
-.vc-settings-tab-bar .aa8da23faa27393c-item {
+.vc-settings-tab-bar .item_aa8da2 {
   margin: 8px;
-  padding: 2px 8px;
+  padding-block: 2px;
+  padding-inline: 8px;
   border-radius: var(--button-radius);
   border-bottom: none;
   line-height: 20px;
   font-size: 16px;
   color: var(--interactive-normal) !important;
 }
-.vc-settings-tab-bar .aa8da23faa27393c-item:hover {
+.vc-settings-tab-bar .item_aa8da2:hover {
   background-color: var(--background-modifier-hover) !important;
   color: var(--interactive-hover) !important;
 }
-.vc-settings-tab-bar .aa8da23faa27393c-item.aa8da23faa27393c-selected {
+.vc-settings-tab-bar .item_aa8da2.selected_aa8da2 {
   background-color: var(--background-modifier-selected) !important;
   color: var(--interactive-active) !important;
 }
-.vc-settings-tab-bar .aa8da23faa27393c-item:first-child {
-  margin-left: 0;
+.vc-settings-tab-bar .item_aa8da2:first-child {
+  margin-inline-start: 0;
 }
-.vc-settings-tab-bar .aa8da23faa27393c-item:last-child {
-  margin-right: 0;
+.vc-settings-tab-bar .item_aa8da2:last-child {
+  margin-inline-end: 0;
 }
 .vc-settings-tab-bar + .divider_ae36e5 {
   display: none;
@@ -1394,8 +1479,8 @@ body {
 
 /* VENCORD SETTINGS -> NOTIFICATION */
 .vc-notification-root {
-  top: calc(var(--custom-app-top-bar-height) + var(--space-8));
-  right: calc(var(--app-margin) + var(--space-8)) !important;
+  inset-block-start: calc(var(--custom-app-top-bar-height) + var(--space-8));
+  inset-inline-end: calc(var(--app-margin) + var(--space-8)) !important;
   bottom: unset !important;
   background-color: transparent !important;
   border-radius: var(--popout-radius) !important;
@@ -1407,8 +1492,8 @@ body {
   content: " ";
   width: 100%;
   height: 100%;
-  top: 0;
-  left: 0;
+  inset-block-start: 0;
+  inset-inline-start: 0;
   background-color: var(--popout-color);
   border-radius: var(--popout-radius);
   box-shadow: var(--popout-shadow);
@@ -1422,116 +1507,119 @@ body {
  *  FORUM
  *
  */
-.f369dba7416c67f0-container {
+.container_f369db {
   background: transparent;
 }
 
-.f369dba7416c67f0-header {
+.header_f369db {
   background-color: var(--card-color);
   border-radius: var(--card-radius);
   border: none;
 }
-.f369dba7416c67f0-header.f369dba7416c67f0-headerWithMatchingPosts {
+.header_f369db.headerWithMatchingPosts_f369db {
   border-bottom-left-radius: 0;
   border-bottom-right-radius: 0;
 }
 
-.f369dba7416c67f0-matchingPostsRow {
+.matchingPostsRow_f369db {
   background-color: var(--card-color);
   border-radius: 0 0 var(--card-radius) var(--card-radius);
+  border: none;
 }
 
-.ca49a1898ddc29e3-container, .ca49a1898ddc29e3-descriptionContainer {
+.container_ca49a1, .descriptionContainer_ca49a1 {
   background-color: var(--card-color);
   border-radius: var(--card-radius);
   border: none;
 }
 
-.f369dba7416c67f0-tagsContainer {
-  padding: 16px 0 0;
+.tagsContainer_f369db {
+  padding-block: 16px 0;
+  padding-inline: 0;
 }
 
-.f369dba7416c67f0-sortDropdown ._201d5e8a3c09670a-contents {
+.sortDropdown_f369db .contents__201d5 {
   color: var(--accent-text-color);
 }
 
-.f369dba7416c67f0-sortDropdownText {
+.sortDropdownText_f369db {
   color: inherit !important;
 }
 
-.f8b2d28182186b83-container {
+.container_f8b2d2 {
   padding: 0;
   background-color: transparent;
   border-radius: 0;
   box-shadow: none;
 }
-.f8b2d28182186b83-container .c1e9c47c23f12ca3-menu {
+.container_f8b2d2 .menu_c1e9c4 {
   min-width: unset;
 }
-.f8b2d28182186b83-container .c1e9c47c23f12ca3-menu .c1e9c47c23f12ca3-groupLabel {
-  padding-top: 0;
+.container_f8b2d2 .menu_c1e9c4 .groupLabel_c1e9c4 {
+  padding-block-start: 0;
 }
 
-.f369dba7416c67f0-tagsButton {
+.tagsButton_f369db {
   --button-padding: 0 8px 0 12px;
 }
-.f369dba7416c67f0-tagsButton.f369dba7416c67f0-tagsButtonWithCount {
+.tagsButton_f369db.tagsButtonWithCount_f369db {
   --button-padding: 0 8px;
 }
-.f369dba7416c67f0-tagsButton .f369dba7416c67f0-tagsButtonInner {
+.tagsButton_f369db .tagsButtonInner_f369db {
   color: inherit;
 }
-.f369dba7416c67f0-tagsButton svg {
+.tagsButton_f369db svg {
   color: var(--accent-text-color);
 }
 
-.f369dba7416c67f0-countContainer {
+.countContainer_f369db {
   background-color: var(--accent-text-color);
 }
-.f369dba7416c67f0-countContainer .f369dba7416c67f0-countText {
+.countContainer_f369db .countText_f369db {
   color: hsl(var(--accent-hsl));
 }
 
-._5808f3d86030cee1-container {
-  padding: 16px 16px 8px;
+.container__5808f {
+  padding-block: 16px 8px;
+  padding-inline: 16px;
   background-color: var(--popout-color) !important;
   border-radius: var(--popout-radius) !important;
   box-shadow: var(--popout-shadow) !important;
   border: none !important;
   backdrop-filter: blur(var(--popout-blur));
 }
-._5808f3d86030cee1-container ._5808f3d86030cee1-header {
+.container__5808f .header__5808f {
   padding: 0;
 }
-._5808f3d86030cee1-container ._5808f3d86030cee1-countContainer {
+.container__5808f .countContainer__5808f {
   background-color: hsl(var(--accent-hsl));
 }
-._5808f3d86030cee1-container ._5808f3d86030cee1-countContainer ._5808f3d86030cee1-countText {
+.container__5808f .countContainer__5808f .countText__5808f {
   color: var(--accent-text-color);
 }
 
-.f369dba7416c67f0-card {
-  padding-bottom: 16px;
+.card_f369db {
+  padding-block-end: 16px;
 }
-[style*="height: 558px"].f369dba7416c67f0-card {
-  padding-bottom: 0;
+.card_f369db[style*="height: 558px"] {
+  padding-block-end: 0;
 }
 
 /* FORUM -> PILLS */
-.a2c9e80f6531ccc2-pill {
+.pill_a2c9e8 {
   background-color: var(--card-color) !important;
   border: none;
 }
-.a2c9e80f6531ccc2-pill.a2c9e80f6531ccc2-clickable:hover {
+.pill_a2c9e8.clickable_a2c9e8:hover {
   background-color: var(--card-color-hover) !important;
 }
-.a2c9e80f6531ccc2-pill.a2c9e80f6531ccc2-selected {
+.pill_a2c9e8.selected_a2c9e8 {
   background-color: hsl(var(--accent-hsl), 0.3) !important;
 }
-.a2c9e80f6531ccc2-pill.a2c9e80f6531ccc2-selected:hover {
+.pill_a2c9e8.selected_a2c9e8:hover {
   background-color: hsl(var(--accent-hsl), 0.4) !important;
 }
-.a2c9e80f6531ccc2-pill.a2c9e80f6531ccc2-selected .lineClamp1__92431 {
+.pill_a2c9e8.selected_a2c9e8 .lineClamp1__92431 {
   color: hsl(var(--accent-hsl));
 }
 
@@ -1540,14 +1628,14 @@ body {
  *  FORUM NEW POST
  *
  */
-.d9be463a3c35b91e-container.d9be463a3c35b91e-collapsed {
+.container_d9be46.collapsed_d9be46 {
   height: auto;
 }
-.d9be463a3c35b91e-container .d9be463a3c35b91e-titleContainer {
+.container_d9be46 .titleContainer_d9be46 {
   min-height: 0;
   gap: 8px;
 }
-.d9be463a3c35b91e-container .d9be463a3c35b91e-prefixElement {
+.container_d9be46 .prefixElement_d9be46 {
   position: absolute;
   display: flex;
   width: var(--button-height);
@@ -1556,70 +1644,71 @@ body {
   justify-content: center;
   z-index: 2;
 }
-.d9be463a3c35b91e-container .d9be463a3c35b91e-prefixElement div[role=button],
-.d9be463a3c35b91e-container .d9be463a3c35b91e-prefixElement svg {
+.container_d9be46 .prefixElement_d9be46 div[role=button],
+.container_d9be46 .prefixElement_d9be46 svg {
   height: inherit;
 }
-.d9be463a3c35b91e-container ._0f0849b61557225e-input {
+.container_d9be46 .input__0f084 {
   margin: 0;
   height: var(--button-height);
-  padding: 0 10px;
+  padding-block: 0;
+  padding-inline: 10px;
   line-height: var(--button-height);
   font-weight: 400;
   text-shadow: none;
   cursor: text;
 }
-.d9be463a3c35b91e-container ._0f0849b61557225e-input::-webkit-input-placeholder {
+.container_d9be46 .input__0f084::-webkit-input-placeholder {
   font-weight: inherit;
 }
-.d9be463a3c35b91e-container .forumPostFormButton_d9be46 {
+.container_d9be46 .forumPostFormButton_d9be46 {
   margin: 0;
   height: var(--button-height);
 }
-.d9be463a3c35b91e-container ._201d5e8a3c09670a-lookFilled {
+.container_d9be46 .lookFilled__201d5 {
   height: var(--button-height);
 }
-.d9be463a3c35b91e-container .d9be463a3c35b91e-contentContainer {
-  padding-left: 0;
-  padding-right: 86px;
+.container_d9be46 .contentContainer_d9be46 {
+  padding-inline: 0 86px;
 }
-.d9be463a3c35b91e-container .d9be463a3c35b91e-form {
-  margin-left: 40px;
-  margin-right: 0;
+.container_d9be46 .form_d9be46 {
+  margin-inline: 40px 0;
 }
-.d9be463a3c35b91e-container .d9be463a3c35b91e-formContainer {
+.container_d9be46 .formContainer_d9be46 {
   position: relative;
   display: block;
 }
-.d9be463a3c35b91e-container ._740174f3d6a2c8fe-channelTextArea {
-  margin: 16px 0 0;
+.container_d9be46 .channelTextArea__74017 {
+  margin-block: 16px 0;
+  margin-inline: 0;
   background-color: transparent;
 }
-.d9be463a3c35b91e-container ._740174f3d6a2c8fe-inner {
+.container_d9be46 .inner__74017 {
   --textarea-alpha: 0.1;
-  padding: 8px 16px;
+  padding-block: 8px;
+  padding-inline: 16px;
   background-color: rgba(var(--textarea-color), var(--textarea-alpha)) !important;
   border-radius: var(--textarea-radius);
   color: var(--textarea-text-color);
 }
-.d9be463a3c35b91e-container ._740174f3d6a2c8fe-inner::-webkit-input-placeholder {
+.container_d9be46 .inner__74017::-webkit-input-placeholder {
   color: var(--textarea-placeholder-color);
 }
 
-._9443936bd3681b09-container {
+.container__94439 {
   position: absolute;
-  top: calc(var(--button-height) + 16px);
-  right: 16px;
+  inset-block-start: calc(var(--button-height) + 16px);
+  inset-inline-end: 16px;
 }
-._9443936bd3681b09-container ._9443936bd3681b09-uploadInput {
+.container__94439 .uploadInput__94439 {
   background-color: var(--card-color);
   border-radius: var(--card-radius);
   border: none;
 }
-._9443936bd3681b09-container ._41ea06378162693a-imageSmall {
+.container__94439 .imageSmall__41ea0 {
   border-radius: var(--card-radius);
 }
-._9443936bd3681b09-container ._9443936bd3681b09-badge {
+.container__94439 .badge__94439 {
   background-color: hsl(var(--accent-hsl));
   border-width: 4px;
   color: var(--accent-text-color);
@@ -1630,58 +1719,69 @@ body {
  *  FORUM POSTS
  *
  */
-._9a337c84ff86a914-container, .faa96b2163f6a142-container {
+.container__9a337, .container_faa96b {
   background-color: var(--card-color);
   border-radius: var(--card-radius);
   border: none !important;
 }
-._9a337c84ff86a914-container:hover, .faa96b2163f6a142-container:hover {
+.container__9a337:hover, .container_faa96b:hover {
   background-color: var(--card-color-hover);
   box-shadow: none;
   transform: none;
 }
-._9a337c84ff86a914-container._9a337c84ff86a914-isOpen, .faa96b2163f6a142-container._9a337c84ff86a914-isOpen, ._9a337c84ff86a914-container.faa96b2163f6a142-isOpen, .faa96b2163f6a142-container.faa96b2163f6a142-isOpen {
+.container__9a337.isOpen__9a337, .container__9a337 .isOpen_faa96b, .container_faa96b.isOpen__9a337, .container_faa96b .isOpen_faa96b {
   background-color: var(--card-color-select) !important;
 }
 
-._08166c4389c22135-pinIcon {
+.pinIcon__08166 {
   background-color: hsl(var(--accent-hsl));
 }
-._08166c4389c22135-pinIcon svg {
+.pinIcon__08166 svg {
   filter: none;
 }
-._08166c4389c22135-pinIcon path {
+.pinIcon__08166 path {
   fill: var(--accent-text-color);
 }
 
-._9a337c84ff86a914-contentPreview,
-._9a337c84ff86a914-textContentFooter {
+.contentPreview__9a337,
+.textContentFooter__9a337 {
   background-color: var(--card-color-hover);
 }
 
-._9a337c84ff86a914-contentPreview {
+.contentPreview__9a337 {
   border-radius: var(--card-radius);
   border: none;
 }
 
-._9a337c84ff86a914-textContentFooter {
+.textContentFooter__9a337 {
   background: transparent !important;
 }
 
-._9a337c84ff86a914-container:not(._9a337c84ff86a914-isOpen):not(.faa96b2163f6a142-isOpen):hover ._9a337c84ff86a914-contentPreview, .faa96b2163f6a142-container:not(._9a337c84ff86a914-isOpen):not(.faa96b2163f6a142-isOpen):hover ._9a337c84ff86a914-contentPreview {
+.container__9a337, .container_faa96b {
+  background-color: var(--card-color);
+}
+.container__9a337:hover, .container_faa96b:hover {
+  background-color: var(--card-color-hover);
+}
+.container__9a337:not(.isOpen__9a337, .isOpen_faa96b):hover .contentPreview__9a337, .container_faa96b:not(.isOpen__9a337, .isOpen_faa96b):hover .contentPreview__9a337 {
   background-color: var(--card-color);
 }
 
-.ee23ac2acd215184-box {
+.box_ee23ac {
   background-color: var(--card-color);
   border-radius: var(--card-radius);
   border: none;
 }
-.ee23ac2acd215184-box:after {
-  left: 50px;
+.box_ee23ac:after {
+  inset-inline-start: 50px;
 }
 
-._34c2c51cfce1632e-buttons ._201d5e8a3c09670a-button {
+.container__34c2c {
+  background-color: var(--card-color);
+  border-top: none;
+}
+
+.buttons__34c2c .button__201d5 {
   --button-padding: 0;
 }
 
@@ -1690,17 +1790,18 @@ body {
  *  HEADER BAR
  *
  */
-._9293f6b2fc12398a-container {
+.container__9293f {
+  border-bottom: none;
   box-shadow: var(--popout-header-shadow);
 }
-._9293f6b2fc12398a-container:before {
+.container__9293f:before {
   display: none;
 }
-._9293f6b2fc12398a-container._9293f6b2fc12398a-themed {
+.container__9293f.themed__9293f {
   background-color: transparent;
 }
 
-._9293f6b2fc12398a-children:after {
+.children__9293f:after {
   display: none;
 }
 
@@ -1715,8 +1816,8 @@ body {
 .returnButtonText__0b563, .returnButtonText_c791b2 {
   font-size: 1em;
 }
-.returnButtonText__0b563, .returnButtonText_c791b2,
-.returnButtonText__0b563 *,
+.returnButtonText__0b563,
+.returnButtonText__0b563 *, .returnButtonText_c791b2,
 .returnButtonText_c791b2 * {
   color: var(--accent-text-color) !important;
 }
@@ -1726,31 +1827,32 @@ body {
  *  HEADER SEARCH BAR
  *
  */
-._974928fe84ca9647-search .DraftEditor-root .DraftEditor-editorContainer {
+.search_c322aa .DraftEditor-root .DraftEditor-editorContainer {
   height: var(--chat-search-size);
 }
-._974928fe84ca9647-search .DraftEditor-root .public-DraftStyleDefault-block {
+.search_c322aa .DraftEditor-root .public-DraftStyleDefault-block {
   display: flex;
   height: var(--chat-search-size);
   line-height: var(--chat-search-size);
   font-size: 15px;
 }
-._974928fe84ca9647-search .DraftEditor-root .public-DraftStyleDefault-block span {
+.search_c322aa .DraftEditor-root .public-DraftStyleDefault-block span {
   line-height: var(--chat-search-size);
   font-size: 15px;
 }
-._974928fe84ca9647-search .public-DraftEditorPlaceholder-root .public-DraftEditorPlaceholder-inner {
+.search_c322aa .public-DraftEditorPlaceholder-root .public-DraftEditorPlaceholder-inner {
   height: var(--chat-search-size);
   line-height: var(--chat-search-size);
   font-size: 15px;
 }
-._974928fe84ca9647-search .public-DraftEditor-content > div[data-contents=true] {
+.search_c322aa .public-DraftEditor-content > div[data-contents=true] {
   height: inherit;
 }
 
-._974928fe84ca9647-searchBar {
+.searchBar_c322aa {
   height: var(--chat-search-size);
-  padding: 0 4px;
+  padding-block: 0;
+  padding-inline: 4px;
   background-color: rgba(var(--textarea-color), var(--textarea-alpha));
   border-radius: calc(var(--chat-search-size) / 2);
   border: none;
@@ -1760,34 +1862,36 @@ body {
   height: var(--chat-search-size);
 }
 
-.bd818628221af7aa-searchToken,
-.bd818628221af7aa-searchFilter + span[data-offset-key],
-.bd818628221af7aa-searchAnswer span[data-offset-key] {
+.searchToken_bd8186,
+.searchFilter_bd8186 + span[data-offset-key],
+.searchAnswer_bd8186 span[data-offset-key] {
   --chat-search-size: var(--chat-search-pill-size);
   display: flex;
   height: var(--chat-search-pill-size);
-  margin: auto 0;
+  margin-block: auto;
+  margin-inline: 0;
   background-color: var(--textarea-block-color);
   border: none;
   color: var(--textarea-block-text-color);
 }
 
-.bd818628221af7aa-searchToken.bd818628221af7aa-searchFilter {
-  padding: 0 4px 0 8px;
+.searchToken_bd8186.searchFilter_bd8186 {
+  padding-block: 0;
+  padding-inline: 8px 4px;
   border-radius: calc(var(--chat-search-pill-size) / 2) 0 0 calc(var(--chat-search-pill-size) / 2);
 }
-.bd818628221af7aa-searchToken.bd818628221af7aa-searchAnswer {
+.searchToken_bd8186.searchAnswer_bd8186 {
   border-radius: 0 calc(var(--chat-search-pill-size) / 2) calc(var(--chat-search-pill-size) / 2) 0;
 }
-.bd818628221af7aa-searchToken.bd818628221af7aa-searchAnswer span[data-offset-key] {
-  margin-top: -1px;
-  padding-right: 4px;
+.searchToken_bd8186.searchAnswer_bd8186 span[data-offset-key] {
+  margin-block-start: -1px;
+  padding-inline-end: 4px;
   background-color: transparent;
 }
 
-.bd818628221af7aa-searchFilter + span[data-offset-key],
-.bd818628221af7aa-searchAnswer span[data-offset-key] {
-  padding-right: 4px;
+.searchFilter_bd8186 + span[data-offset-key],
+.searchAnswer_bd8186 span[data-offset-key] {
+  padding-inline-end: 4px;
   border-radius: 0 calc(var(--chat-search-pill-size) / 2) calc(var(--chat-search-pill-size) / 2) 0;
 }
 
@@ -1796,22 +1900,24 @@ body {
  *  BUTTONS
  *
  */
-._201d5e8a3c09670a-button {
+.button__201d5 {
   border-radius: var(--button-radius) !important;
 }
-._201d5e8a3c09670a-button * {
+.button__201d5 * {
   text-shadow: none;
 }
-._201d5e8a3c09670a-button .cf48127484dbde85-text-sm\/medium,
-._201d5e8a3c09670a-button .cf48127484dbde85-text-sm\/semibold,
-._201d5e8a3c09670a-button .cf48127484dbde85-text-sm\/bold,
-._201d5e8a3c09670a-button .cf48127484dbde85-text-md\/semibold {
+.button__201d5 .text-sm\/medium_cf4812,
+.button__201d5 .text-sm\/semibold_cf4812,
+.button__201d5 .text-sm\/bold_cf4812,
+.button__201d5 .text-md\/semibold_cf4812,
+.button__201d5 .contents__201d5 {
   color: inherit !important;
+  font-weight: 500;
 }
 
-._201d5e8a3c09670a-sizeSmall,
-._201d5e8a3c09670a-sizeMedium,
-._201d5e8a3c09670a-sizeLarge,
+.sizeSmall__201d5,
+.sizeMedium__201d5,
+.sizeLarge__201d5,
 .sizeXlarge__6885c {
   height: var(--button-height);
   min-height: var(--button-height);
@@ -1819,9 +1925,9 @@ body {
   padding: var(--button-padding);
 }
 
-._201d5e8a3c09670a-lookFilled,
-._201d5e8a3c09670a-lookOutlined,
-._201d5e8a3c09670a-lookLink,
+.lookFilled__201d5,
+.lookOutlined__201d5,
+.lookLink__201d5,
 .lookInverted_a299dc {
   --button-background: hsla(var(--accent-hsl),var(--accent-opacity));
   --button-text-color: var(--accent-text-color);
@@ -1831,131 +1937,127 @@ body {
   color: var(--button-text-color) !important;
   border: var(--button-outline) !important;
 }
-._201d5e8a3c09670a-lookFilled:after,
-._201d5e8a3c09670a-lookOutlined:after,
-._201d5e8a3c09670a-lookLink:after,
+.lookFilled__201d5:after,
+.lookOutlined__201d5:after,
+.lookLink__201d5:after,
 .lookInverted_a299dc:after {
   position: absolute;
   content: " ";
   width: 100%;
   height: 100%;
-  top: 0;
-  left: 0;
+  inset-block-start: 0;
+  inset-inline-start: 0;
   background-color: var(--button-action-color);
   border-radius: var(--button-radius);
   opacity: 0;
   pointer-events: none;
   transition: var(--default-time) var(--default-animation) opacity;
 }
-._201d5e8a3c09670a-lookFilled:hover:after,
-._201d5e8a3c09670a-lookOutlined:hover:after,
-._201d5e8a3c09670a-lookLink:hover:after,
+.lookFilled__201d5:hover:after,
+.lookOutlined__201d5:hover:after,
+.lookLink__201d5:hover:after,
 .lookInverted_a299dc:hover:after {
   opacity: 0.075;
 }
-._201d5e8a3c09670a-lookFilled:active:after,
-._201d5e8a3c09670a-lookOutlined:active:after,
-._201d5e8a3c09670a-lookLink:active:after,
+.lookFilled__201d5:active:after,
+.lookOutlined__201d5:active:after,
+.lookLink__201d5:active:after,
 .lookInverted_a299dc:active:after {
   opacity: 0.15;
 }
-._201d5e8a3c09670a-lookFilled ._201d5e8a3c09670a-contents,
-._201d5e8a3c09670a-lookFilled .defaultColor__77578,
-._201d5e8a3c09670a-lookFilled .defaultColor_e9e35f,
-._201d5e8a3c09670a-lookFilled ._4bd5201c86a2042b-defaultColor,
-._201d5e8a3c09670a-lookOutlined ._201d5e8a3c09670a-contents,
-._201d5e8a3c09670a-lookOutlined .defaultColor__77578,
-._201d5e8a3c09670a-lookOutlined .defaultColor_e9e35f,
-._201d5e8a3c09670a-lookOutlined ._4bd5201c86a2042b-defaultColor,
-._201d5e8a3c09670a-lookLink ._201d5e8a3c09670a-contents,
-._201d5e8a3c09670a-lookLink .defaultColor__77578,
-._201d5e8a3c09670a-lookLink .defaultColor_e9e35f,
-._201d5e8a3c09670a-lookLink ._4bd5201c86a2042b-defaultColor,
-.lookInverted_a299dc ._201d5e8a3c09670a-contents,
+.lookFilled__201d5 .contents__201d5,
+.lookFilled__201d5 .defaultColor__77578, .lookFilled__201d5 .defaultColor_e9e35f, .lookFilled__201d5 .defaultColor__4bd52,
+.lookOutlined__201d5 .contents__201d5,
+.lookOutlined__201d5 .defaultColor__77578,
+.lookOutlined__201d5 .defaultColor_e9e35f,
+.lookOutlined__201d5 .defaultColor__4bd52,
+.lookLink__201d5 .contents__201d5,
+.lookLink__201d5 .defaultColor__77578,
+.lookLink__201d5 .defaultColor_e9e35f,
+.lookLink__201d5 .defaultColor__4bd52,
+.lookInverted_a299dc .contents__201d5,
 .lookInverted_a299dc .defaultColor__77578,
 .lookInverted_a299dc .defaultColor_e9e35f,
-.lookInverted_a299dc ._4bd5201c86a2042b-defaultColor {
+.lookInverted_a299dc .defaultColor__4bd52 {
   color: var(--button-text-color);
 }
-._201d5e8a3c09670a-lookFilled ._201d5e8a3c09670a-contents svg,
-._201d5e8a3c09670a-lookFilled .defaultColor__77578 svg,
-._201d5e8a3c09670a-lookFilled .defaultColor_e9e35f svg,
-._201d5e8a3c09670a-lookFilled ._4bd5201c86a2042b-defaultColor svg,
-._201d5e8a3c09670a-lookOutlined ._201d5e8a3c09670a-contents svg,
-._201d5e8a3c09670a-lookOutlined .defaultColor__77578 svg,
-._201d5e8a3c09670a-lookOutlined .defaultColor_e9e35f svg,
-._201d5e8a3c09670a-lookOutlined ._4bd5201c86a2042b-defaultColor svg,
-._201d5e8a3c09670a-lookLink ._201d5e8a3c09670a-contents svg,
-._201d5e8a3c09670a-lookLink .defaultColor__77578 svg,
-._201d5e8a3c09670a-lookLink .defaultColor_e9e35f svg,
-._201d5e8a3c09670a-lookLink ._4bd5201c86a2042b-defaultColor svg,
-.lookInverted_a299dc ._201d5e8a3c09670a-contents svg,
+.lookFilled__201d5 .contents__201d5 svg,
+.lookFilled__201d5 .defaultColor__77578 svg, .lookFilled__201d5 .defaultColor_e9e35f svg, .lookFilled__201d5 .defaultColor__4bd52 svg,
+.lookOutlined__201d5 .contents__201d5 svg,
+.lookOutlined__201d5 .defaultColor__77578 svg,
+.lookOutlined__201d5 .defaultColor_e9e35f svg,
+.lookOutlined__201d5 .defaultColor__4bd52 svg,
+.lookLink__201d5 .contents__201d5 svg,
+.lookLink__201d5 .defaultColor__77578 svg,
+.lookLink__201d5 .defaultColor_e9e35f svg,
+.lookLink__201d5 .defaultColor__4bd52 svg,
+.lookInverted_a299dc .contents__201d5 svg,
 .lookInverted_a299dc .defaultColor__77578 svg,
 .lookInverted_a299dc .defaultColor_e9e35f svg,
-.lookInverted_a299dc ._4bd5201c86a2042b-defaultColor svg {
+.lookInverted_a299dc .defaultColor__4bd52 svg {
   filter: none;
 }
 
-._201d5e8a3c09670a-lookLink {
+.lookLink__201d5 {
   --button-background: transparent;
   --button-text-color: hsla(var(--accent-hsl),var(--accent-opacity));
   --button-action-color: transparent;
 }
-._201d5e8a3c09670a-lookLink:hover ._201d5e8a3c09670a-contents {
+.lookLink__201d5:hover .contents__201d5 {
   background-image: linear-gradient(0deg, transparent, transparent 1px, hsl(var(--accent-hsl)) 0, hsl(var(--accent-hsl)) 2px, transparent 0) !important;
 }
 
 /* BUTTONS -> CALL BUTTONS */
-.f1ceaca61b18918e-colorable {
+.colorable_f1ceac {
   --button-background: var(--background-modifier-hover);
   --button-text-color: #fff;
   --button-radius: 50%;
   background-color: var(--button-background) !important;
   color: var(--button-text-color) !important;
 }
-.f1ceaca61b18918e-colorable:after {
+.colorable_f1ceac:after {
   position: absolute;
   content: " ";
   width: 100%;
   height: 100%;
-  top: 0;
-  left: 0;
+  inset-block-start: 0;
+  inset-inline-start: 0;
   background-color: var(--button-action-color);
   border-radius: 50%;
   opacity: 0;
   pointer-events: none;
   transition: var(--default-time) var(--default-animation) opacity;
 }
-.f1ceaca61b18918e-colorable:hover:after {
+.colorable_f1ceac:hover:after {
   opacity: 0.075;
 }
-.f1ceaca61b18918e-colorable:active:after {
+.colorable_f1ceac:active:after {
   opacity: 0.15;
 }
-.f1ceaca61b18918e-colorable.f1ceaca61b18918e-primaryDark {
+.colorable_f1ceac.primaryDark_f1ceac {
   --button-background: hsla(var(--accent-hsl),var(--accent-opacity));
   --button-text-color: var(--accent-text-color);
 }
-.f1ceaca61b18918e-colorable.f1ceaca61b18918e-red {
+.colorable_f1ceac.red_f1ceac {
   --button-background: hsla(var(--alert-hsl),var(--alert-opacity));
   --button-text-color: var(--alert-text-color);
 }
-.f1ceaca61b18918e-colorable.f1ceaca61b18918e-white {
+.colorable_f1ceac.white_f1ceac {
   --button-background: #fff;
   --button-text-color: #060607;
 }
-.f1ceaca61b18918e-colorable.primaryLight_f1ceac {
+.colorable_f1ceac.primaryLight_f1ceac {
   --button-text-color: #060607;
 }
-.f1ceaca61b18918e-colorable.f1ceaca61b18918e-activeLight {
+.colorable_f1ceac.activeLight_f1ceac {
   --button-background: var(--background-modifier-active);
   --button-text-color: #060607;
 }
-.f1ceaca61b18918e-colorable .f1ceaca61b18918e-centerIcon {
+.colorable_f1ceac .centerIcon_f1ceac {
   color: var(--button-text-color) !important;
 }
 
-._201d5e8a3c09670a-colorRed {
+.colorRed__201d5 {
   --button-background: hsla(var(--alert-hsl),var(--alert-opacity));
   --button-text-color: var(--alert-text-color);
   --button-action-color: var(--alert-action-color);
@@ -1971,7 +2073,7 @@ body {
 }
 
 /* BUTTONS -> BUTTON V2 */
-.a22cb0c66246f5d3-button {
+.button_a22cb0 {
   --button-background: hsla(var(--accent-hsl),var(--accent-opacity));
   --button-text-color: var(--accent-text-color);
   --button-outline: none;
@@ -1980,26 +2082,26 @@ body {
   color: var(--button-text-color) !important;
   border: var(--button-outline) !important;
 }
-.a22cb0c66246f5d3-button:after {
+.button_a22cb0:after {
   position: absolute;
   content: " ";
   width: 100%;
   height: 100%;
-  top: 0;
-  left: 0;
+  inset-block-start: 0;
+  inset-inline-start: 0;
   background-color: var(--button-action-color);
   border-radius: var(--button-radius);
   opacity: 0;
   pointer-events: none;
   transition: var(--default-time) var(--default-animation) opacity;
 }
-.a22cb0c66246f5d3-button:hover:after {
+.button_a22cb0:hover:after {
   opacity: 0.075;
 }
-.a22cb0c66246f5d3-button:active:after {
+.button_a22cb0:active:after {
   opacity: 0.15;
 }
-.a22cb0c66246f5d3-button .a22cb0c66246f5d3-buttonChildrenWrapper {
+.button_a22cb0 .buttonChildrenWrapper_a22cb0 {
   min-width: 0 !important;
   height: var(--button-height);
   padding: 0 !important;
@@ -2007,39 +2109,39 @@ body {
   color: inherit;
   overflow: visible;
 }
-.a22cb0c66246f5d3-button .a22cb0c66246f5d3-buttonChildrenWrapper svg {
+.button_a22cb0 .buttonChildrenWrapper_a22cb0 svg {
   height: var(--button-height);
 }
-.a22cb0c66246f5d3-button .cf48127484dbde85-text-sm\/medium,
-.a22cb0c66246f5d3-button .cf48127484dbde85-text-md\/medium,
-.a22cb0c66246f5d3-button .cf48127484dbde85-text-lg\/medium {
+.button_a22cb0 .text-sm\/medium_cf4812,
+.button_a22cb0 .text-md\/medium_cf4812,
+.button_a22cb0 .text-lg\/medium_cf4812 {
   text-shadow: none;
 }
 
 /* BUTTONS -> BUTTON V2 -> COLORS */
-.a22cb0c66246f5d3-primary {
+.primary_a22cb0 {
   --button-background: hsl(var(--accent-hsl));
   --button-text-color: var(--accent-text-color);
 }
 
-.a22cb0c66246f5d3-secondary {
+.secondary_a22cb0 {
   --button-background: var(--accent-secondary-color);
   --button-text-color: var(--accent-secondary-text-color);
 }
 
-.critical-a22cb0c66246f5d3-primary {
+.critical-primary_a22cb0 {
   --button-background: hsl(var(--alert-hsl));
   --button-text-color: var(--alert-text-color);
 }
 
-.critical-a22cb0c66246f5d3-secondary {
+.critical-secondary_a22cb0 {
   --button-background: hsl(from hsl(var(--alert-hsl)) h s l / 0.25);
   --button-text-color: hsl(from hsl(var(--alert-hsl)) h s calc(l * 0.96));
 }
 
 /* BUTTONS -> BUTTON V2 -> SIZES */
-.a22cb0c66246f5d3-sm,
-.a22cb0c66246f5d3-md,
+.sm_a22cb0,
+.md_a22cb0,
 .lg_a22cb0 {
   min-width: var(--button-height) !important;
   height: var(--button-height) !important;
@@ -2049,48 +2151,53 @@ body {
   border-radius: var(--button-radius) !important;
 }
 
+.button_a22cb0 .contents__201d5,
+.button_a22cb0 .text-sm\/medium_cf4812 {
+  font-weight: 500 !important;
+}
+
 /*
  *
  *  CARDS
  *
  */
-._730694f5672c9601-card,
-._730694f5672c9601-cardPrimary,
+.card__73069,
+.cardPrimary__73069,
 .backgroundAccent__4cd16 {
   background-color: var(--card-color) !important;
   border-radius: var(--card-radius) !important;
   border: none !important;
 }
 
-._730694f5672c9601-cardPrimary {
+.cardPrimary__73069 {
   border-style: solid !important;
   border-width: 1px !important;
   border-color: transparent !important;
 }
-._730694f5672c9601-cardPrimary .b440119daa5af4d6-cardHeader {
+.cardPrimary__73069 .cardHeader_b44011 {
   background-color: unset;
   border-bottom: 1px solid var(--card-color);
 }
-._730694f5672c9601-cardPrimary .f5fff4b5d8815d51-group {
+.cardPrimary__73069 .group_f5fff4 {
   background-color: var(--card-color);
   border-radius: var(--button-radius);
   border: none;
   overflow: hidden;
 }
 
-._9a4069fa4e39ed8d-button {
+.button__9a406 {
   background-color: var(--card-color) !important;
 }
-._9a4069fa4e39ed8d-button:hover {
+.button__9a406:hover {
   background-color: var(--card-color-hover) !important;
 }
 
-.aae01227de06a74c-cardWrapper {
+.cardWrapper_aae012 {
   background-color: var(--card-color);
   border-radius: var(--card-radius);
   border: none;
 }
-.aae01227de06a74c-cardWrapper:hover {
+.cardWrapper_aae012:hover {
   background-color: var(--card-color-hover);
   border: none;
 }
@@ -2099,17 +2206,17 @@ body {
   background-color: transparent;
 }
 
-._73000d97b1b29da5-upsellContainer {
+.upsellContainer__73000 {
   background-color: var(--card-color);
   border-radius: var(--card-radius);
   border: none;
 }
-._73000d97b1b29da5-upsellContainer ._73000d97b1b29da5-upsellFooter {
+.upsellContainer__73000 .upsellFooter__73000 {
   background-color: transparent;
 }
 
 .dropsHelpText_e8af36,
-.d4883c8125f433a3-promotionCard {
+.promotionCard_d4883c {
   background-color: var(--card-color);
   border-radius: var(--card-radius);
   border: none;
@@ -2120,31 +2227,25 @@ body {
  *  CHECKBOXES
  *
  */
-._09aca73e6d4b214b-checkbox {
+.checkboxIndicator__714a9 {
+  background-color: transparent;
+  border-width: 2px;
+  border-radius: 4px;
   border-color: hsla(var(--accent-hsl), var(--accent-opacity));
-}
-._09aca73e6d4b214b-checkbox._09aca73e6d4b214b-checked {
-  background-color: hsla(var(--accent-hsl), var(--accent-opacity)) !important;
-  border-color: hsla(var(--accent-hsl), var(--accent-opacity)) !important;
-}
-._09aca73e6d4b214b-checkbox._09aca73e6d4b214b-checked path {
-  fill: var(--accent-text-color) !important;
+  transition: var(--default-time) var(--default-animation) border-color, var(--default-time) var(--default-animation) background-color;
 }
 
-/* CHECKBOXES -> CONTEXT MENU */
-.c1e9c47c23f12ca3-colorDefault .c1e9c47c23f12ca3-checkbox {
-  color: hsla(var(--accent-hsl), var(--accent-opacity));
+.checkboxOption__714a9[data-selected]:hover:not([data-disabled]) .checkboxIndicator__714a9 {
+  background-color: hsla(var(--accent-hsl), var(--accent-opacity));
 }
-.c1e9c47c23f12ca3-colorDefault .c1e9c47c23f12ca3-check {
+.checkboxOption__714a9[data-selected] .checkboxIndicator__714a9 {
+  background-color: hsla(var(--accent-hsl), var(--accent-opacity));
+  background-color: hsla(var(--accent-hsl), var(--accent-opacity));
+}
+.checkboxOption__714a9[data-selected] .checkmark__714a9,
+.checkboxOption__714a9[data-selected] .checkStroke__714a9 {
   color: var(--accent-text-color);
-}
-.c1e9c47c23f12ca3-colorDefault.c1e9c47c23f12ca3-focused .c1e9c47c23f12ca3-checkbox {
-  color: hsla(var(--accent-hsl), var(--accent-opacity));
-  fill: currentColor;
-}
-.c1e9c47c23f12ca3-colorDefault.c1e9c47c23f12ca3-focused .c1e9c47c23f12ca3-check {
-  color: var(--accent-text-color);
-  fill: currentColor;
+  filter: none;
 }
 
 /*
@@ -2152,7 +2253,7 @@ body {
  *  INPUTS
  *
  */
-._0ed4fc708cdbac0d-inputWrapper, ._72c3859781ebce8f-wrapper {
+.wrapper__72c38 {
   min-height: var(--input-height);
   height: var(--input-height);
   border-radius: var(--input-radius);
@@ -2161,19 +2262,19 @@ body {
   color: var(--textarea-text-color);
   transition: var(--transition-time) var(--transition-type);
 }
-._0ed4fc708cdbac0d-inputWrapper:has(input:focus, textarea:focus), ._72c3859781ebce8f-wrapper:has(input:focus, textarea:focus) {
+.wrapper__72c38:has(input:focus, textarea:focus) {
   background-color: rgba(var(--textarea-color), var(--textarea-alpha-focus));
   outline: none !important;
 }
-._0ed4fc708cdbac0d-inputWrapper ._0f0849b61557225e-input, ._72c3859781ebce8f-wrapper ._0f0849b61557225e-input {
+.wrapper__72c38 .input__0f084 {
   background-color: transparent;
 }
-._0ed4fc708cdbac0d-inputWrapper ._0f0849b61557225e-input::-webkit-input-placeholder, ._72c3859781ebce8f-wrapper ._0f0849b61557225e-input::-webkit-input-placeholder {
+.wrapper__72c38 .input__0f084::-webkit-input-placeholder {
   color: var(--input-placeholder-color);
 }
 
-.multiInput-1VARjC ._0ed4fc708cdbac0d-inputWrapper, .multiInput-1VARjC ._72c3859781ebce8f-wrapper {
-  margin-right: 8px;
+.multiInput-1VARjC .wrapper__72c38 {
+  margin-inline-end: 8px;
 }
 
 .multiInputLast-35zVz0:before {
@@ -2185,22 +2286,23 @@ body {
 }
 
 .fileUploadButton__8b203 {
-  padding: 0 12px;
+  padding-block: 0;
+  padding-inline: 12px;
 }
 
 /* INPUTS -> OPTION PILLS */
-.a16aea1526925c2c-optionPill {
+.optionPill_a16aea {
   background-color: var(--textarea-block-color) !important;
   border-radius: var(--button-radius);
   border-color: transparent !important;
 }
-.a16aea1526925c2c-optionPill.selectedPill__3f413 {
+.optionPill_a16aea.selectedPill__3f413 {
   border-color: hsl(var(--accent-hsl)) !important;
 }
-.a16aea1526925c2c-optionPill.erroredPill__3f413 {
+.optionPill_a16aea.erroredPill__3f413 {
   border-color: hsl(var(--alert-hsl)) !important;
 }
-.a16aea1526925c2c-optionPill .optionPillKey__3f413 {
+.optionPill_a16aea .optionPillKey__3f413 {
   background-color: var(--textarea-block-color) !important;
   border-top-left-radius: inherit;
   border-bottom-left-radius: inherit;
@@ -2211,67 +2313,43 @@ body {
  *  NOTICES
  *
  */
-.notice__5fd4c, ._6e2b9359c6f84cfd-notice {
+.notice__6e2b9 {
   box-shadow: none;
 }
-.notice__5fd4c.colorInfo__680aa, ._6e2b9359c6f84cfd-notice.colorInfo__680aa, .notice__5fd4c.notice-2olXi7, ._6e2b9359c6f84cfd-notice.notice-2olXi7, .notice__5fd4c.colorBrand1-2u_MN9, ._6e2b9359c6f84cfd-notice.colorBrand1-2u_MN9 {
+.notice__6e2b9.colorInfo__680aa, .notice__6e2b9.colorBrand1-2u_MN9 {
   background-color: hsla(var(--accent-hsl), var(--accent-opacity));
   color: var(--accent-text-color);
 }
-.notice__5fd4c.colorInfo__680aa .closeButton__90904, ._6e2b9359c6f84cfd-notice.colorInfo__680aa .closeButton__90904, .notice__5fd4c.notice-2olXi7 .closeButton__90904, ._6e2b9359c6f84cfd-notice.notice-2olXi7 .closeButton__90904, .notice__5fd4c.colorBrand1-2u_MN9 .closeButton__90904, ._6e2b9359c6f84cfd-notice.colorBrand1-2u_MN9 .closeButton__90904 {
+.notice__6e2b9.colorInfo__680aa .closeButton__90904, .notice__6e2b9.colorBrand1-2u_MN9 .closeButton__90904 {
   opacity: 0.75;
 }
-.notice__5fd4c.colorInfo__680aa .closeButton__90904:hover, ._6e2b9359c6f84cfd-notice.colorInfo__680aa .closeButton__90904:hover, .notice__5fd4c.notice-2olXi7 .closeButton__90904:hover, ._6e2b9359c6f84cfd-notice.notice-2olXi7 .closeButton__90904:hover, .notice__5fd4c.colorBrand1-2u_MN9 .closeButton__90904:hover, ._6e2b9359c6f84cfd-notice.colorBrand1-2u_MN9 .closeButton__90904:hover {
+.notice__6e2b9.colorInfo__680aa .closeButton__90904:hover, .notice__6e2b9.colorBrand1-2u_MN9 .closeButton__90904:hover {
   opacity: 1;
 }
-.notice__5fd4c.notice-2olXi7, ._6e2b9359c6f84cfd-notice.notice-2olXi7, .notice__5fd4c.colorBrand1-2u_MN9, ._6e2b9359c6f84cfd-notice.colorBrand1-2u_MN9, .notice__5fd4c._6e2b9359c6f84cfd-colorStreamerMode, ._6e2b9359c6f84cfd-notice._6e2b9359c6f84cfd-colorStreamerMode {
+.notice__6e2b9.colorBrand1-2u_MN9, .notice__6e2b9.colorStreamerMode__6e2b9 {
   border-radius: 0;
 }
-.notice__5fd4c.notice-2olXi7 .button-YGmtzG:after, ._6e2b9359c6f84cfd-notice.notice-2olXi7 .button-YGmtzG:after, .notice__5fd4c.colorBrand1-2u_MN9 .button-YGmtzG:after, ._6e2b9359c6f84cfd-notice.colorBrand1-2u_MN9 .button-YGmtzG:after {
+.notice__6e2b9.colorBrand1-2u_MN9 .button-YGmtzG:after {
   opacity: 0.15;
 }
+
 /*
  *
  *  RADIO BUTTONS
  *
  */
-._88a69141dd70013a-item {
-  background-color: var(--card-color) !important;
-  border-radius: var(--card-radius) !important;
-  border: none !important;
-}
-._88a69141dd70013a-item:hover {
-  background-color: var(--card-color-hover) !important;
-  border: none;
-}
-[aria-checked=true]._88a69141dd70013a-item {
-  background-color: var(--card-color-select) !important;
-}
-[aria-checked=true]._88a69141dd70013a-item path,
-[aria-checked=true]._88a69141dd70013a-item .radioIconForeground__88a69 {
+.radioGroupOption__64e61[data-selected] .outerRadioBase__64e61,
+.radioGroupOption__64e61[data-selected] .outerRadioFill__64e61 {
   fill: hsla(var(--accent-hsl), var(--accent-opacity));
 }
-._88a69141dd70013a-item ._88a69141dd70013a-radioBar {
-  border-radius: var(--card-radius);
+.radioGroupOption__64e61[data-selected] .innerDotRadio__64e61 {
+  fill: var(--accent-text-color);
 }
-
-/* RADIO BUTTONS -> CONTEXT MENU */
-[role=menuitemradio][aria-checked=true].c1e9c47c23f12ca3-item .c1e9c47c23f12ca3-icon {
-  color: hsl(var(--accent-hsl));
+.radioGroupOption__64e61[data-selected]:not([data-disabled]):hover .outerRadioBase__64e61,
+.radioGroupOption__64e61[data-selected]:not([data-disabled]):hover .outerRadioFill__64e61 {
+  fill: hsla(var(--accent-hsl));
 }
-
-.c1e9c47c23f12ca3-icon .c1e9c47c23f12ca3-radioSelection {
-  color: currentColor !important;
-}
-
-/* RADIO BUTTONS -> RADIO REFRESH */
-._88a69141dd70013a-radioIndicatorChecked ._88a69141dd70013a-refreshIconFill {
-  fill: hsl(var(--accent-hsl));
-}
-._88a69141dd70013a-radioIndicatorChecked ._88a69141dd70013a-refreshIconStroke {
-  stroke: hsl(var(--accent-hsl));
-}
-._88a69141dd70013a-radioIndicatorChecked ._88a69141dd70013a-refreshIcon {
+.radioGroupOption__64e61[data-selected]:not([data-disabled]):hover .innerDotRadio__64e61 {
   fill: var(--accent-text-color);
 }
 
@@ -2280,7 +2358,7 @@ body {
  *  SELECT MENUS
  *
  */
-.a16aea1526925c2c-wrapper._72c3859781ebce8f-wrapper {
+.wrapper_a16aea.wrapper__72c38 {
   min-height: var(--input-height);
   height: var(--input-height);
   padding: var(--input-padding);
@@ -2289,14 +2367,15 @@ body {
   border: none;
 }
 
-.a16aea1526925c2c-select {
-  padding: 6px 6px 6px 12px;
+.select_a16aea {
+  padding-block: 6px;
+  padding-inline: 12px 6px;
 }
-.a16aea1526925c2c-select .subtitle_e9c087 {
+.select_a16aea .subtitle_e9c087 {
   color: var(--text-muted);
 }
 
-.a16aea1526925c2c-popout {
+.popout_a16aea {
   background-color: var(--popout-color);
   border-radius: var(--popout-radius);
   box-shadow: var(--popout-shadow);
@@ -2304,17 +2383,17 @@ body {
   backdrop-filter: blur(var(--popout-blur));
   border: none;
 }
-.a16aea1526925c2c-popout:not(.a16aea1526925c2c-popoutPositionTop) {
-  margin-top: 8px;
+.popout_a16aea:not(.popoutPositionTop_a16aea) {
+  margin-block-start: 8px;
 }
-.a16aea1526925c2c-popout.a16aea1526925c2c-popoutPositionTop {
-  margin-bottom: 8px;
+.popout_a16aea.popoutPositionTop_a16aea {
+  margin-block-end: 8px;
   border-radius: var(--popout-radius);
 }
-.a16aea1526925c2c-popout .a16aea1526925c2c-option:hover {
+.popout_a16aea .option_a16aea:hover {
   background-color: var(--background-modifier-hover);
 }
-.a16aea1526925c2c-popout [aria-selected=true].a16aea1526925c2c-option {
+.popout_a16aea .option_a16aea[aria-selected=true] {
   background-color: var(--background-modifier-selected) !important;
 }
 
@@ -2323,14 +2402,14 @@ body {
  *  SLIDERS
  *
  */
-.a562c840daab72a7-bar {
+.bar_a562c8 {
   background-color: var(--background-modifier-selected) !important;
 }
-.a562c840daab72a7-bar .a562c840daab72a7-barFill {
+.bar_a562c8 .barFill_a562c8 {
   background-color: hsla(var(--accent-hsl), calc(var(--accent-opacity) * 0.8));
 }
 
-.a562c840daab72a7-grabber {
+.grabber_a562c8 {
   background-color: hsla(var(--accent-hsl), var(--accent-opacity));
   border-color: hsla(var(--accent-hsl), var(--accent-opacity));
   box-shadow: var(--popout-shadow);
@@ -2341,20 +2420,20 @@ body {
  *  SWITCHES
  *
  */
-._3f21e80f8677ec40-container {
+.container__3f21e {
   background-color: var(--switch-slider-color) !important;
 }
-._3f21e80f8677ec40-container ._3f21e80f8677ec40-slider rect {
+.container__3f21e .slider__3f21e rect {
   fill: var(--switch-knob-color) !important;
 }
-._3f21e80f8677ec40-container ._3f21e80f8677ec40-slider path {
+.container__3f21e .slider__3f21e path {
   fill: var(--switch-slider-color) !important;
 }
-._3f21e80f8677ec40-container._3f21e80f8677ec40-checked {
+.container__3f21e.checked__3f21e {
   --switch-slider-color: hsla(var(--accent-hsl),var(--accent-opacity));
   --switch-knob-color: var(--accent-text-color);
 }
-._3f21e80f8677ec40-container svg {
+.container__3f21e svg {
   filter: none;
 }
 
@@ -2386,14 +2465,16 @@ body {
  *  TAB BAR
  *
  */
-._133bf5eea8e33a34-tabBar, .f8303a11ec48bef3-tabBar, .d6f9e90c3456ac40-tabBar, ._81b3e843d09e285a-tabBar, .d1d9f3257b6b604c-tabBar {
-  padding: 16px 0;
+.tabBar__133bf, .tabBar_f8303a, .tabBar_d6f9e9, .tabBar__81b3e, .tabBar_d1d9f3 {
+  padding-block: 16px;
+  padding-inline: 0;
   gap: 24px;
 }
-._133bf5eea8e33a34-tabBar .aa8da23faa27393c-item, .f8303a11ec48bef3-tabBar .aa8da23faa27393c-item, .d6f9e90c3456ac40-tabBar .aa8da23faa27393c-item, ._81b3e843d09e285a-tabBar .aa8da23faa27393c-item, .d1d9f3257b6b604c-tabBar .aa8da23faa27393c-item {
+.tabBar__133bf .item_aa8da2, .tabBar_f8303a .item_aa8da2, .tabBar_d6f9e9 .item_aa8da2, .tabBar__81b3e .item_aa8da2, .tabBar_d1d9f3 .item_aa8da2 {
   min-width: 40px;
   margin: 0;
-  padding: 2px 8px;
+  padding-block: 2px;
+  padding-inline: 8px;
   background-color: transparent !important;
   border-radius: var(--button-radius);
   border-bottom: none;
@@ -2401,22 +2482,22 @@ body {
   font-size: 16px;
   color: var(--interactive-normal) !important;
 }
-._133bf5eea8e33a34-tabBar .aa8da23faa27393c-item:first-child, .f8303a11ec48bef3-tabBar .aa8da23faa27393c-item:first-child, .d6f9e90c3456ac40-tabBar .aa8da23faa27393c-item:first-child, ._81b3e843d09e285a-tabBar .aa8da23faa27393c-item:first-child, .d1d9f3257b6b604c-tabBar .aa8da23faa27393c-item:first-child {
-  margin-left: 0;
+.tabBar__133bf .item_aa8da2:first-child, .tabBar_f8303a .item_aa8da2:first-child, .tabBar_d6f9e9 .item_aa8da2:first-child, .tabBar__81b3e .item_aa8da2:first-child, .tabBar_d1d9f3 .item_aa8da2:first-child {
+  margin-inline-start: 0;
 }
-._133bf5eea8e33a34-tabBar .aa8da23faa27393c-item:after, .f8303a11ec48bef3-tabBar .aa8da23faa27393c-item:after, .d6f9e90c3456ac40-tabBar .aa8da23faa27393c-item:after, ._81b3e843d09e285a-tabBar .aa8da23faa27393c-item:after, .d1d9f3257b6b604c-tabBar .aa8da23faa27393c-item:after {
+.tabBar__133bf .item_aa8da2:after, .tabBar_f8303a .item_aa8da2:after, .tabBar_d6f9e9 .item_aa8da2:after, .tabBar__81b3e .item_aa8da2:after, .tabBar_d1d9f3 .item_aa8da2:after {
   display: none;
 }
-._133bf5eea8e33a34-tabBar .aa8da23faa27393c-item:hover, .f8303a11ec48bef3-tabBar .aa8da23faa27393c-item:hover, .d6f9e90c3456ac40-tabBar .aa8da23faa27393c-item:hover, ._81b3e843d09e285a-tabBar .aa8da23faa27393c-item:hover, .d1d9f3257b6b604c-tabBar .aa8da23faa27393c-item:hover {
+.tabBar__133bf .item_aa8da2:hover, .tabBar_f8303a .item_aa8da2:hover, .tabBar_d6f9e9 .item_aa8da2:hover, .tabBar__81b3e .item_aa8da2:hover, .tabBar_d1d9f3 .item_aa8da2:hover {
   background-color: var(--background-modifier-hover) !important;
   color: var(--interactive-hover) !important;
 }
-._133bf5eea8e33a34-tabBar .aa8da23faa27393c-item.aa8da23faa27393c-selected, .f8303a11ec48bef3-tabBar .aa8da23faa27393c-item.aa8da23faa27393c-selected, .d6f9e90c3456ac40-tabBar .aa8da23faa27393c-item.aa8da23faa27393c-selected, ._81b3e843d09e285a-tabBar .aa8da23faa27393c-item.aa8da23faa27393c-selected, .d1d9f3257b6b604c-tabBar .aa8da23faa27393c-item.aa8da23faa27393c-selected {
+.tabBar__133bf .item_aa8da2.selected_aa8da2, .tabBar_f8303a .item_aa8da2.selected_aa8da2, .tabBar_d6f9e9 .item_aa8da2.selected_aa8da2, .tabBar__81b3e .item_aa8da2.selected_aa8da2, .tabBar_d1d9f3 .item_aa8da2.selected_aa8da2 {
   background-color: var(--background-modifier-selected) !important;
   color: var(--interactive-active) !important;
 }
-._133bf5eea8e33a34-tabBar .aa8da23faa27393c-item + .aa8da23faa27393c-item, .f8303a11ec48bef3-tabBar .aa8da23faa27393c-item + .aa8da23faa27393c-item, .d6f9e90c3456ac40-tabBar .aa8da23faa27393c-item + .aa8da23faa27393c-item, ._81b3e843d09e285a-tabBar .aa8da23faa27393c-item + .aa8da23faa27393c-item, .d1d9f3257b6b604c-tabBar .aa8da23faa27393c-item + .aa8da23faa27393c-item {
-  margin-left: 0;
+.tabBar__133bf .item_aa8da2 + .item_aa8da2, .tabBar_f8303a .item_aa8da2 + .item_aa8da2, .tabBar_d6f9e9 .item_aa8da2 + .item_aa8da2, .tabBar__81b3e .item_aa8da2 + .item_aa8da2, .tabBar_d1d9f3 .item_aa8da2 + .item_aa8da2 {
+  margin-inline-start: 0;
 }
 
 /*
@@ -2426,8 +2507,8 @@ body {
  */
 .toast,
 .bd-toast {
-  top: -56px;
-  margin-top: 8px;
+  inset-block-start: -56px;
+  margin-block-start: 8px;
   padding: 10px !important;
   background-color: var(--popout-color);
   border-radius: var(--popout-radius);
@@ -2437,11 +2518,7 @@ body {
   border-radius: 16px;
   color: var(--text-normal);
 }
-.toast,
-.bd-toast {
-  background-color: var(--popout-color) !important;
-  background-image: none !important;
-}
+
 .bd-toast:before {
   background-color: rgba(0, 0, 0, 0.5);
   border-radius: 17px;
@@ -2452,56 +2529,61 @@ body {
  *  TOOLTIP
  *
  */
-.c36707910f687430-tooltip, ._4e35b986167c457d-tooltip {
+.tooltip_c36707, .tooltip__4e35b {
   background-color: var(--tooltip-color) !important;
   border-radius: var(--tooltip-radius);
 }
-.c36707910f687430-tooltip .c36707910f687430-tooltipPointer, ._4e35b986167c457d-tooltip .c36707910f687430-tooltipPointer {
+.tooltip_c36707 .tooltipPointer_c36707, .tooltip__4e35b .tooltipPointer_c36707, .tooltip_c36707 .tooltipPointer_c36707 {
   border-top-color: var(--tooltip-color) !important;
 }
-.c36707910f687430-tooltip .c36707910f687430-tooltipContent, ._4e35b986167c457d-tooltip .c36707910f687430-tooltipContent,
-.c36707910f687430-tooltip .b1f768426adf64d9-guildNameText,
-._4e35b986167c457d-tooltip .b1f768426adf64d9-guildNameText,
-.c36707910f687430-tooltip ._0f481cbbd7530492-clickCTA,
-._4e35b986167c457d-tooltip ._0f481cbbd7530492-clickCTA {
+.tooltip_c36707 .tooltipContent_c36707, .tooltip__4e35b .tooltipContent_c36707,
+.tooltip_c36707 .guildNameText_b1f768,
+.tooltip__4e35b .guildNameText_b1f768,
+.tooltip_c36707 .clickCTA__0f481,
+.tooltip__4e35b .clickCTA__0f481,
+.tooltip_c36707 .guildNameText_b1f768,
+.tooltip_c36707 .clickCTA__0f481 {
   color: var(--tooltip-text-color);
   text-shadow: none;
 }
-.c36707910f687430-tooltip .anchor-1MIwyf, ._4e35b986167c457d-tooltip .anchor-1MIwyf {
+.tooltip_c36707 .anchor_edefb8, .tooltip__4e35b .anchor_edefb8, .tooltip_c36707 .anchor_edefb8 {
   color: var(--tooltip-text-color);
   text-decoration: underline;
 }
-.c36707910f687430-tooltip .tooltipText__0ca35, .c36707910f687430-tooltip ._040f07d21e1fb0d6-emojiTooltipText, ._4e35b986167c457d-tooltip .tooltipText__0ca35, ._4e35b986167c457d-tooltip ._040f07d21e1fb0d6-emojiTooltipText,
-.c36707910f687430-tooltip .b1f768426adf64d9-activityIcon,
-._4e35b986167c457d-tooltip .b1f768426adf64d9-activityIcon,
-.c36707910f687430-tooltip .cf48127484dbde85-text-sm\/medium,
-._4e35b986167c457d-tooltip .cf48127484dbde85-text-sm\/medium {
+.tooltip_c36707 .tooltipText__0ca35, .tooltip__4e35b .tooltipText__0ca35, .tooltip_c36707 .emojiTooltipText__040f0, .tooltip__4e35b .emojiTooltipText__040f0,
+.tooltip_c36707 .activityIcon_b1f768,
+.tooltip__4e35b .activityIcon_b1f768,
+.tooltip_c36707 .text-sm\/medium_cf4812,
+.tooltip__4e35b .text-sm\/medium_cf4812, .tooltip_c36707 .tooltipText__0ca35, .tooltip_c36707 .emojiTooltipText__040f0,
+.tooltip_c36707 .activityIcon_b1f768,
+.tooltip_c36707 .text-sm\/medium_cf4812 {
   color: var(--tooltip-text-color) !important;
   text-shadow: none;
 }
-.c36707910f687430-tooltip .b1f768426adf64d9-muteText, ._4e35b986167c457d-tooltip .b1f768426adf64d9-muteText {
+.tooltip_c36707 .muteText_b1f768, .tooltip__4e35b .muteText_b1f768, .tooltip_c36707 .muteText_b1f768 {
   color: var(--accent-text-color) !important;
 }
-._4e35b986167c457d-caretIcon {
+
+.caretIcon__4e35b {
   display: none;
 }
 
 /* TOOLTIP -> UPSELLS */
-.b49891f8a231dbff-reactionTooltip,
+.reactionTooltip_b49891,
 .upsellTooltipWrapper__675aa {
   background-color: transparent;
   border-radius: var(--popout-radius);
   box-shadow: none;
   overflow: hidden;
 }
-.b49891f8a231dbff-reactionTooltip:before,
+.reactionTooltip_b49891:before,
 .upsellTooltipWrapper__675aa:before {
   position: absolute;
   content: " ";
   width: 100%;
   height: 100%;
-  top: 0;
-  left: 0;
+  inset-block-start: 0;
+  inset-inline-start: 0;
   background-color: var(--popout-color);
   border-radius: var(--popout-radius);
   box-shadow: var(--popout-shadow);
@@ -2509,7 +2591,7 @@ body {
   pointer-events: none;
   z-index: -1;
 }
-.b49891f8a231dbff-reactionTooltip.caretTopCenter__675aa:after,
+.reactionTooltip_b49891.caretTopCenter__675aa:after,
 .upsellTooltipWrapper__675aa.caretTopCenter__675aa:after {
   border-bottom-color: var(--popout-color);
 }
@@ -2519,44 +2601,41 @@ body {
  *  ACTIVITY LIST
  *
  */
-._133bf5eea8e33a34-nowPlayingColumn,
-._7d20cf18f8a2784c-container {
+.nowPlayingColumn__133bf,
+.container__7d20c {
   background-color: transparent;
 }
 
-._7d20cf18f8a2784c-scroller {
-  margin-left: 0;
+.scroller__7d20c {
+  margin-inline-start: 0;
 }
 
-._7e549558f336cddb-emptyCard {
+.emptyCard__7e549 {
   background-color: var(--card-color);
   border-radius: var(--card-radius);
 }
 
-.bf1984a18b3ec6f0-interactive {
+.interactive_bf1984 {
   background-color: var(--card-color) !important;
   border-radius: var(--card-radius) !important;
   border: none !important;
 }
-.bf1984a18b3ec6f0-interactive:hover {
+.interactive_bf1984:hover {
   background-color: var(--card-color-hover) !important;
   border: none;
 }
-.bf1984a18b3ec6f0-interactive {
-  background-color: var(--card-color-select) !important;
-}
-.bf1984a18b3ec6f0-interactive .bf1984a18b3ec6f0-inset {
+.interactive_bf1984 .inset_bf1984 {
   background-color: transparent;
 }
-.bf1984a18b3ec6f0-interactive ._00943886e1cf89d1-section {
-  margin-bottom: 2px;
+.interactive_bf1984 .section__00943 {
+  margin-block-end: 2px;
   background-color: var(--background-modifier-hover);
   border-radius: var(--card-radius);
 }
-.bf1984a18b3ec6f0-interactive ._00943886e1cf89d1-section:last-of-type {
-  margin-bottom: 0;
+.interactive_bf1984 .section__00943:last-of-type {
+  margin-block-end: 0;
 }
-.bf1984a18b3ec6f0-interactive ._00943886e1cf89d1-separator {
+.interactive_bf1984 .separator__00943 {
   display: none;
 }
 
@@ -2565,25 +2644,27 @@ body {
  *  ADD FRIEND
  *
  */
-._72ba79a5dfa2ce86-addFriendInputWrapper {
+.addFriendInputWrapper__72ba7 {
   padding: 0;
   background-color: transparent;
   border: none;
 }
-._72ba79a5dfa2ce86-addFriendInputWrapper ._72ba79a5dfa2ce86-addFriendInput {
+.addFriendInputWrapper__72ba7 .addFriendInput__72ba7 {
   padding: 0;
 }
-._72ba79a5dfa2ce86-addFriendInputWrapper ._72ba79a5dfa2ce86-addFriendInput ._0f0849b61557225e-input {
-  padding: 0 12px;
+.addFriendInputWrapper__72ba7 .addFriendInput__72ba7 .input__0f084 {
+  padding-block: 0;
+  padding-inline: 12px;
 }
-._72ba79a5dfa2ce86-addFriendInputWrapper ._72ba79a5dfa2ce86-addFriendInput ._0f0849b61557225e-input::-webkit-input-placeholder {
+.addFriendInputWrapper__72ba7 .addFriendInput__72ba7 .input__0f084::-webkit-input-placeholder {
   color: var(--textarea-placeholder-color);
 }
-._72ba79a5dfa2ce86-addFriendInputWrapper ._72ba79a5dfa2ce86-addFriendHint {
+.addFriendInputWrapper__72ba7 .addFriendHint__72ba7 {
   height: var(--input-height);
   line-height: var(--input-height);
-  top: 1px;
-  padding: 0 12px;
+  inset-block-start: 1px;
+  padding-block: 0;
+  padding-inline: 12px;
   color: var(--textarea-placeholder-color);
 }
 
@@ -2592,27 +2673,31 @@ body {
  *  FRIENDS LIST
  *
  */
-._133bf5eea8e33a34-container {
+.container__133bf {
   background-color: var(--main-content-color) !important;
+  border-top: none;
 }
 
-._133bf5eea8e33a34-tabBody:before {
+.tabBody__133bf {
+  background-color: transparent;
+}
+.tabBody__133bf:before {
   display: none;
 }
 
-._6811a89c5c687a9a-blockedIgnoredSettingsNotice {
+.blockedIgnoredSettingsNotice__6811a {
   background-color: var(--card-color);
   border-radius: var(--card-radius);
 }
 
-.cc61794aab086a2e-peopleListItem:hover {
+.peopleListItem_cc6179:hover {
   background-color: var(--card-color-hover);
   border-radius: var(--list-item-radius);
 }
-.cc61794aab086a2e-peopleListItem.cc61794aab086a2e-active {
+.peopleListItem_cc6179.active_cc6179 {
   background-color: var(--card-color-select);
 }
-.cc61794aab086a2e-peopleListItem .f8fa068db52f043f-actionButton {
+.peopleListItem_cc6179 .actionButton_f8fa06 {
   background-color: var(--background-modifier-active);
 }
 
@@ -2621,10 +2706,10 @@ body {
  *  LIBRARY
  *
  */
-._8a529c8f8d8148a5-container {
+.container__8a529 {
   background-color: var(--main-content-color);
 }
-._8a529c8f8d8148a5-container .container__33507 {
+.container__8a529 .container__33507 {
   min-height: auto;
   height: auto;
   border-radius: var(--input-radius);
@@ -2633,38 +2718,39 @@ body {
   color: var(--textarea-text-color);
   transition: var(--transition-time) var(--transition-type);
 }
-._8a529c8f8d8148a5-container .container__33507:has(input:focus, textarea:focus) {
+.container__8a529 .container__33507:has(input:focus, textarea:focus) {
   background-color: rgba(var(--textarea-color), var(--textarea-alpha-focus));
   outline: none !important;
 }
+
 /*
  *
  *  MESSAGE REQUESTS
  *
  */
-.f391e3680aff100a-list .f391e3680aff100a-sectionTitle {
+.list_f391e3 .sectionTitle_f391e3 {
   color: var(--header-secondary);
 }
 
-.abb9ad4c358e5829-messageRequestItem:hover, .abb9ad4c358e5829-messageRequestItem.f391e3680aff100a-selected, .abb9ad4c358e5829-messageRequestItem.dcc822f5d1a23123-selected {
+.messageRequestItem_abb9ad:hover, .messageRequestItem_abb9ad.selected_f391e3, .messageRequestItem_abb9ad .selected_dcc822 {
   border-radius: var(--card-radius);
 }
-.abb9ad4c358e5829-messageRequestItem:hover {
+.messageRequestItem_abb9ad:hover {
   background-color: var(--card-color-hover);
 }
-.abb9ad4c358e5829-messageRequestItem.f391e3680aff100a-selected, .abb9ad4c358e5829-messageRequestItem.dcc822f5d1a23123-selected {
+.messageRequestItem_abb9ad.selected_f391e3, .messageRequestItem_abb9ad .selected_dcc822 {
   background-color: var(--card-color-select);
 }
-.abb9ad4c358e5829-messageRequestItem .actionButton-3GQIiT {
+.messageRequestItem_abb9ad .actionButton-3GQIiT {
   background-color: var(--background-modifier-active);
 }
 
 /* MESSAGE REQUESTS -> PREVIEW */
-._01ae244280823725-container {
+.container__01ae2 {
   background-color: var(--main-content-color);
 }
 
-.a44415a3320e67de-chat:before {
+.chat_a44415:before {
   display: none;
 }
 
@@ -2673,20 +2759,20 @@ body {
  *  NITRO
  *
  */
-.f07d62e29a48ceee-applicationStore {
+.applicationStore_f07d62 {
   background-color: var(--main-content-color);
 }
 
-.premiumContainer__11813 ._201d5e8a3c09670a-button,
-.settingsContainer-36qZZ9 ._201d5e8a3c09670a-button,
-.ac86f68ab746d5ff-card ._201d5e8a3c09670a-button {
+.premiumContainer__11813 .button__201d5,
+.settingsContainer-36qZZ9 .button__201d5,
+.card_ac86f6 .button__201d5 {
   --button-background: hsla(0,0%,100%,0.15);
   --button-text-color: #fff;
   --button-action-color: #fff;
 }
 
 .settingsContainer-36qZZ9,
-.ac86f68ab746d5ff-card {
+.card_ac86f6 {
   border-radius: var(--card-radius);
 }
 
@@ -2695,7 +2781,7 @@ body {
  *  MESSAGES ACTIONS
  *
  */
-.f7ecaca5c80dbf3a-wrapper {
+.wrapper_f7ecac {
   background-color: var(--popout-color) !important;
   border-radius: var(--popout-radius) !important;
   box-shadow: var(--popout-shadow) !important;
@@ -2703,14 +2789,14 @@ body {
   backdrop-filter: blur(var(--popout-blur));
 }
 
-.fd14e024a43b9049-message {
+.message_fd14e0 {
   padding: 0;
   background-color: transparent !important;
   box-shadow: none !important;
 }
-.fd14e024a43b9049-message .c19a557985eb7793-wrapper {
-  margin-left: 48px;
-  margin-right: 0;
+.message_fd14e0 .wrapper_c19a55 {
+  margin-inline-start: 48px;
+  margin-inline-end: 0;
 }
 
 /*
@@ -2718,101 +2804,109 @@ body {
  *  ATTACHMENTS
  *
  */
-._0ccaee68b77c7469-fileWrapper,
-._623de82e76ad7f82-embedFull,
-._44c9ad8d149f0821-embedCard,
-._9271d23503a01b50-container {
+.fileWrapper__0ccae,
+.embedFull__623de,
+.embedCard__44c9a,
+.container__9271d {
   background-color: var(--card-color);
   border-radius: var(--card-radius);
+  border: none;
+  border-left: 4px solid;
 }
 
-._44c9ad8d149f0821-withFooter {
+.file__0ccae {
+  background-color: var(--card-color);
+  border: none;
+  box-shadow: none;
+}
+
+.withFooter__44c9a {
   border-radius: var(--card-radius) var(--card-radius) 0 0;
   box-shadow: var(--card-header-shadow);
 }
-._44c9ad8d149f0821-withFooter .c19a557985eb7793-wrapper {
-  margin-left: 48px;
-  margin-right: 0;
+.withFooter__44c9a .wrapper_c19a55 {
+  margin-inline-start: 48px;
+  margin-inline-end: 0;
 }
 
-._444920e965051ae6-footerContainer {
+.footerContainer__44492 {
   background-color: var(--card-color);
   border-radius: 0 0 var(--card-radius) var(--card-radius);
 }
-._444920e965051ae6-footerContainer ._444920e965051ae6-footerIcon path {
+.footerContainer__44492 .footerIcon__44492 path {
   fill: currentColor;
 }
 
-._9271d23503a01b50-cta {
+.cta__9271d {
   color: hsl(var(--accent-hsl));
 }
 
-.d5f3cd116f175f35-wrapper,
+.wrapper_d5f3cd,
 .invite__4d3fa,
-.cf09d85aafe7e124-wrapperAudio {
+.wrapperAudio_cf09d8 {
   background-color: var(--card-color) !important;
   border-radius: var(--card-radius);
   border: none;
 }
 
-.d5f3cd116f175f35-inviteSplash {
+.inviteSplash_d5f3cd {
   border-top-right-radius: var(--card-radius);
   border-top-left-radius: var(--card-radius);
 }
 
-.a8e786485f0c32f8-container {
+.container_a8e786 {
   background-color: var(--card-color);
 }
 
-.a8e786485f0c32f8-ripple {
+.ripple_a8e786 {
   display: none;
 }
 
-.a8e786485f0c32f8-playButtonContainer {
+.playButtonContainer_a8e786 {
   background: hsl(var(--accent-hsl)) !important;
 }
-.a8e786485f0c32f8-playButtonContainer:active {
+.playButtonContainer_a8e786:active {
   transform: none;
 }
-.a8e786485f0c32f8-playButtonContainer .a8e786485f0c32f8-playIcon {
+.playButtonContainer_a8e786 .playIcon_a8e786 {
   color: var(--accent-text-color) !important;
 }
 
-.fbc6f7283f697ba7-root {
+.root_fbc6f7 {
   background-color: var(--card-color);
 }
 
 /* ATTACHMENTS -> TEXT CONTAINER */
-._4d95d73152192cf9-textContainer,
-._4d95d73152192cf9-footer {
+.textContainer__4d95d,
+.footer__4d95d {
   background-color: var(--card-color);
   border: none;
   border-radius: 0 0 var(--card-radius) var(--card-radius);
 }
 
-._4d95d73152192cf9-newMosaicStyle ._4d95d73152192cf9-textContainer,
-._4d95d73152192cf9-newMosaicStyle ._4d95d73152192cf9-footer {
+.newMosaicStyle__4d95d .textContainer__4d95d,
+.newMosaicStyle__4d95d .footer__4d95d {
   background-color: var(--card-color);
   border: none;
 }
-._4d95d73152192cf9-newMosaicStyle ._4d95d73152192cf9-textContainer {
+.newMosaicStyle__4d95d .textContainer__4d95d {
   border-radius: var(--card-radius) var(--card-radius) 0 0;
   box-shadow: var(--card-header-shadow);
 }
-._4d95d73152192cf9-newMosaicStyle ._4d95d73152192cf9-textContainer .hljs {
+.newMosaicStyle__4d95d .textContainer__4d95d .hljs {
   background-color: transparent;
 }
-._4d95d73152192cf9-newMosaicStyle ._4d95d73152192cf9-footer {
+.newMosaicStyle__4d95d .footer__4d95d {
   border-radius: 0 0 var(--card-radius) var(--card-radius);
 }
 
-._4d95d73152192cf9-modalTextContainer {
+.modalTextContainer__4d95d {
   background-color: var(--popout-color);
   border-radius: var(--popout-radius) var(--popout-radius) 0 0;
   border: none;
   box-shadow: var(--card-header-shadow);
 }
-._4d95d73152192cf9-modalTextContainer .hljs {
+.modalTextContainer__4d95d .hljs {
   background-color: transparent;
 }
 
@@ -2821,24 +2915,24 @@ body {
  *	MARKUP
  *
  */
-._752971923a1e6683-markup pre {
+.markup__75297 pre {
   border-radius: var(--card-radius);
 }
-._752971923a1e6683-markup code {
+.markup__75297 code {
   background-color: var(--textarea-block-color);
   border-radius: var(--card-radius);
   border: none;
 }
-._752971923a1e6683-markup .f61d60ed65f9a128-wrapper {
+.markup__75297 .wrapper_f61d60 {
   background-color: hsla(var(--mention-hsl), 0.25);
   color: hsl(var(--mention-hsl));
 }
-._752971923a1e6683-markup .f61d60ed65f9a128-wrapper:hover {
+.markup__75297 .wrapper_f61d60:hover {
   background-color: hsla(var(--mention-hsl), 0.475);
   color: hsl(var(--mention-hsl));
 }
 
-._299eb87491f4b6d1-spoilerMarkdownContent {
+.spoilerMarkdownContent__299eb {
   background-color: var(--textarea-block-color);
 }
 
@@ -2847,164 +2941,200 @@ body {
  *  MESSAGES
  *
  */
-._5126c0cd07f243a0-backgroundFlash:not([style$="0);"]) {
+.message__5126c {
+  border-radius: var(--message-radius);
+}
+
+.backgroundFlash__5126c:not([style$="0);"]) {
   background-color: hsla(var(--accent-hsl), 0.3) !important;
   transition: 200ms ease-out background-color;
 }
-[style="background-color: rgba(148, 156, 247, 0);"]._5126c0cd07f243a0-backgroundFlash {
+.backgroundFlash__5126c[style="background-color: rgba(148, 156, 247, 0);"] {
   background-color: hsla(var(--accent-hsl), 0) !important;
   transition: 400ms background-color;
 }
 
-.c19a557985eb7793-wrapper {
-  margin-left: 68px;
-  margin-right: 16px;
+.mouse-mode.full-motion .wrapper_c19a55:hover {
+  background-color: var(--message-color-hover) !important;
+}
+
+.wrapper_c19a55 {
+  margin-inline-start: 68px;
+  margin-inline-end: 16px;
   background-color: var(--message-color) !important;
   border-radius: var(--message-radius);
+  transition: 300ms ease background-color;
 }
-.c19a557985eb7793-wrapper:not(._5126c0cd07f243a0-groupStart), .c19a557985eb7793-wrapper.c19a557985eb7793-compact {
-  margin-top: 2px;
+.wrapper_c19a55:not(.groupStart__5126c), .wrapper_c19a55.compact_c19a55 {
+  margin-block-start: 2px;
 }
-.c19a557985eb7793-wrapper.c19a557985eb7793-cozy, .c19a557985eb7793-wrapper.c19a557985eb7793-compact {
-  padding: var(--message-padding-top) var(--message-padding-side) !important;
-  padding-right: 8px !important;
+.wrapper_c19a55.cozy_c19a55, .wrapper_c19a55.compact_c19a55 {
+  padding-block: var(--message-padding-top) !important;
+  padding-inline: var(--message-padding-side) !important;
   border: 2px solid transparent;
 }
-.c19a557985eb7793-wrapper.c19a557985eb7793-cozy .c19a557985eb7793-timestamp.c19a557985eb7793-alt {
-  left: -62px;
+.wrapper_c19a55.cozy_c19a55 .timestamp_c19a55.alt_c19a55 {
+  inset-inline-start: -62px;
 }
-.c19a557985eb7793-wrapper.c19a557985eb7793-compact {
+.wrapper_c19a55.compact_c19a55 {
   padding: 4px;
-  padding-left: 6px;
+  padding-inline-start: 6px;
 }
-.c19a557985eb7793-wrapper.c19a557985eb7793-compact .c19a557985eb7793-timestamp {
-  margin-right: 0.75rem;
+.wrapper_c19a55.compact_c19a55 .timestamp_c19a55 {
+  margin-inline-end: 0.75rem;
 }
-.c19a557985eb7793-wrapper.c19a557985eb7793-hasReply .c19a557985eb7793-avatar {
-  top: 28px;
+.wrapper_c19a55.hasReply_c19a55 .avatar_c19a55 {
+  inset-block-start: 28px;
 }
-.c19a557985eb7793-wrapper.c19a557985eb7793-hasReply .c19a557985eb7793-avatarDecoration {
-  top: 26px;
+.wrapper_c19a55.hasReply_c19a55 .avatarDecoration_c19a55 {
+  inset-block-start: 26px;
 }
-.c19a557985eb7793-wrapper .c19a557985eb7793-timestamp {
+.wrapper_c19a55 .timestamp_c19a55 {
   color: var(--text-normal);
 }
-.c19a557985eb7793-wrapper .c19a557985eb7793-timestamp.c19a557985eb7793-alt {
+.wrapper_c19a55 .timestamp_c19a55.alt_c19a55 {
   color: var(--text-normal);
 }
-.c19a557985eb7793-wrapper ._740174f3d6a2c8fe-channelTextArea {
+.wrapper_c19a55 .channelTextArea__74017 {
   margin: 2px 0;
 }
-.c19a557985eb7793-wrapper._5126c0cd07f243a0-mentioned {
+.wrapper_c19a55.mentioned__5126c {
   border-color: hsla(var(--mention-hsl), var(--mention-opacity));
   box-shadow: 0px 0px 13px 4px hsla(var(--mention-hsl), var(--mention-opacity));
 }
-.c19a557985eb7793-wrapper._5126c0cd07f243a0-mentioned:before {
+.wrapper_c19a55.mentioned__5126c:before {
   display: none;
 }
-.c19a557985eb7793-wrapper._5126c0cd07f243a0-mentioned .c19a557985eb7793-repliedMessage:before {
+.wrapper_c19a55.mentioned__5126c .repliedMessage_c19a55:before {
   border-color: hsl(var(--mention-hsl));
 }
-.c19a557985eb7793-wrapper._5126c0cd07f243a0-replying {
+.wrapper_c19a55.mentioned__5126c .repliedMessageClickableSpine_c19a55 {
+  --message-color: hsl(var(--mention-hsl));
+  --message-color-hover: hsl(var(--mention-hsl));
+}
+.wrapper_c19a55.replying__5126c {
   border-color: hsla(var(--reply-hsl), var(--reply-opacity));
   box-shadow: 0px 0px 13px 4px hsla(var(--reply-hsl), var(--reply-opacity));
 }
-.c19a557985eb7793-wrapper._5126c0cd07f243a0-replying:before {
+.wrapper_c19a55.replying__5126c:before {
   display: none;
 }
 
-._36d072eab2b2e737-scrollerSpacer {
+.scrollerSpacer__36d07 {
   height: var(--space-16);
 }
 
-.c19a557985eb7793-hasThread:after {
+.hasThread_c19a55:after {
   display: none;
 }
 
-.c19a557985eb7793-avatar {
+.avatar_c19a55 {
   width: 40px;
   height: 40px;
-  top: 0;
-  left: -50px;
-  margin-top: 0;
+  inset-block-start: 0;
+  inset-inline-start: -50px;
+  margin-block-start: 0;
 }
 
-.c19a557985eb7793-avatarDecoration {
-  top: -2px;
-  left: -54px;
+.avatarDecoration_c19a55 {
+  inset-block-start: -2px;
+  inset-inline-start: -54px;
 }
 
-.a11y-font-scaled-down .c19a557985eb7793-avatar:not(.c19a557985eb7793-compact) {
-  top: 0;
-  left: -50px;
+.a11y-font-scaled-down .cozy_c19a55 .repliedMessageClickableSpine_c19a55 {
+  --gutter: var(--custom-message-margin-horizontal);
+}
+.a11y-font-scaled-down .avatar_c19a55:not(.compact_c19a55) {
+  inset-block-start: 0;
+  inset-inline-start: -50px;
+}
+.a11y-font-scaled-down .avatarDecoration_c19a55:not(.compact_c19a55) {
+  inset-block-start: 0;
+  inset-inline-start: -54px;
+}
+.a11y-font-scaled-down .hasReply_c19a55 .avatar_c19a55:not(.compact_c19a55) {
+  inset-block-start: 28px;
+}
+.a11y-font-scaled-down .hasReply_c19a55 .avatarDecoration_c19a55:not(.compact_c19a55) {
+  inset-block-start: 28px;
 }
 
-._5126c0cd07f243a0-messageListItem + .c19a557985eb7793-wrapper,
-._908e20001ad67812-divider + .c19a557985eb7793-wrapper {
-  margin-top: 2px;
+.messageListItem__5126c + .wrapper_c19a55,
+.divider__908e2 + .wrapper_c19a55 {
+  margin-block-start: 2px;
 }
 
-._908e20001ad67812-divider._5126c0cd07f243a0-hasContent {
+.divider__908e2.hasContent__5126c {
   border-top: none;
 }
-._908e20001ad67812-divider._5126c0cd07f243a0-hasContent:before, ._908e20001ad67812-divider._5126c0cd07f243a0-hasContent:after {
+.divider__908e2.hasContent__5126c:before, .divider__908e2.hasContent__5126c:after {
   position: absolute;
   content: " ";
   width: calc(50% - 60px);
   height: 1px;
-  top: 0;
-  bottom: 0;
+  inset-block-start: 0;
+  inset-block-end: 0;
   margin: auto 0;
   background-color: var(--background-modifier-accent);
 }
-._908e20001ad67812-divider._5126c0cd07f243a0-hasContent:before {
-  left: 0;
+.divider__908e2.hasContent__5126c:before {
+  inset-inline-start: 0;
 }
-._908e20001ad67812-divider._5126c0cd07f243a0-hasContent:after {
-  right: 0;
+.divider__908e2.hasContent__5126c:after {
+  inset-inline-end: 0;
 }
 
-._908e20001ad67812-content {
+.content__908e2 {
   width: 120px;
-  padding: 2px 0;
+  padding-block: 2px;
+  padding-inline: 0;
   background-color: var(--message-color);
   text-align: center;
 }
 
-._908e20001ad67812-isUnread {
+.isUnread__908e2 {
   border-color: hsla(var(--accent-hsl), var(--accent-opacity));
 }
-._908e20001ad67812-isUnread ._908e20001ad67812-unreadPill {
+.isUnread__908e2 .unreadPill__908e2 {
   background-color: hsla(var(--accent-hsl), var(--accent-opacity));
   color: var(--accent-text-color);
   text-shadow: none;
 }
-._908e20001ad67812-isUnread ._908e20001ad67812-unreadPillCap {
+.isUnread__908e2 .unreadPillCap__908e2 {
   filter: none;
 }
-._908e20001ad67812-isUnread ._908e20001ad67812-unreadPillCapStroke {
+.isUnread__908e2 .unreadPillCapStroke__908e2 {
   color: hsla(var(--accent-hsl), var(--accent-opacity));
   fill: hsla(var(--accent-hsl), var(--accent-opacity));
 }
 
-.c19a557985eb7793-repliedMessage:before {
+.repliedMessage_c19a55:before {
   border-color: var(--message-color);
   transform: translateX(-6px);
 }
 
-._0f481cbbd7530492-popoutContainer {
+.repliedMessageClickableSpine_c19a55 {
+  margin-inline: calc(var(--spine-width) * -1 / 2) calc(var(--reply-spacing) * 2.3);
+  border-color: var(--message-color);
+  transition: 300ms ease border-color;
+}
+.repliedMessageClickableSpine_c19a55.repliedMessageContentHovered_c19a55 {
+  border-color: var(--message-color-hover);
+}
+
+.popoutContainer__0f481 {
   background-color: transparent;
   border-radius: var(--popout-radius);
   box-shadow: none;
   overflow: hidden;
 }
-._0f481cbbd7530492-popoutContainer:before {
+.popoutContainer__0f481:before {
   position: absolute;
   content: " ";
   width: 100%;
   height: 100%;
-  top: 0;
-  left: 0;
+  inset-block-start: 0;
+  inset-inline-start: 0;
   background-color: var(--popout-color);
   border-radius: var(--popout-radius);
   box-shadow: var(--popout-shadow);
@@ -3018,38 +3148,38 @@ body {
  *  POLLS
  *
  */
-.b7e1cb0370c2dd0e-pollContainer {
+.pollContainer_b7e1cb {
   background-color: var(--textarea-block-color);
   border-radius: var(--card-radius);
   border: none;
 }
 
-._4c5209741d147f1b-answer.a1443c28bb4b5d23-votedStyles ._4c5209741d147f1b-answerInner {
+.answer__4c520.votedStyles_a1443c .answerInner__4c520 {
   outline-color: hsl(var(--accent-hsl));
 }
-._4c5209741d147f1b-answer:not(.a1443c28bb4b5d23-votedStyles) ._4c5209741d147f1b-answerInner {
+.answer__4c520:not(.votedStyles_a1443c) .answerInner__4c520 {
   outline-color: transparent !important;
 }
 
-._4c5209741d147f1b-answerInner {
+.answerInner__4c520 {
   background-color: var(--card-color);
   border-radius: var(--card-radius);
 }
-._4c5209741d147f1b-answerInner._4c5209741d147f1b-currentlyVoting:hover {
+.answerInner__4c520.currentlyVoting__4c520:hover {
   background-color: var(--card-color-hover);
 }
-._4c5209741d147f1b-answerInner._4c5209741d147f1b-currentlyVoting._4c5209741d147f1b-selected {
+.answerInner__4c520.currentlyVoting__4c520.selected__4c520 {
   background-color: var(--card-color-select);
 }
-._4c5209741d147f1b-answerInner._4c5209741d147f1b-currentlyVoting._4c5209741d147f1b-selected circle,
-._4c5209741d147f1b-answerInner._4c5209741d147f1b-currentlyVoting._4c5209741d147f1b-selected path {
+.answerInner__4c520.currentlyVoting__4c520.selected__4c520 circle,
+.answerInner__4c520.currentlyVoting__4c520.selected__4c520 path {
   fill: hsl(var(--accent-hsl));
 }
-._4c5209741d147f1b-answerInner._4c5209741d147f1b-currentlyVoting path {
+.answerInner__4c520.currentlyVoting__4c520 path {
   fill: var(--text-normal);
 }
 
-._4c5209741d147f1b-votePercentageBar {
+.votePercentageBar__4c520 {
   background-color: hsl(from hsl(var(--accent-hsl)) h calc(s * 1.5) l/0.25);
 }
 
@@ -3058,30 +3188,30 @@ body {
  *  MESSAGE REACTIONS
  *
  */
-._23977d5b7cef7361-reaction {
+.reaction__23977 {
   background-color: var(--message-color);
   border-radius: var(--message-radius);
   border: none;
 }
-._23977d5b7cef7361-reaction:hover {
+.reaction__23977:hover {
   background-color: var(--message-color);
 }
-._23977d5b7cef7361-reaction._23977d5b7cef7361-reactionMe {
+.reaction__23977.reactionMe__23977 {
   background-color: hsla(var(--accent-hsl), 0.3);
   border-color: transparent;
 }
-._23977d5b7cef7361-reaction._23977d5b7cef7361-reactionMe:hover {
+.reaction__23977.reactionMe__23977:hover {
   background-color: hsla(var(--accent-hsl), 0.4);
 }
-._23977d5b7cef7361-reaction._23977d5b7cef7361-reactionMe ._23977d5b7cef7361-reactionCount {
+.reaction__23977.reactionMe__23977 .reactionCount__23977 {
   color: hsla(var(--accent-hsl), var(--accent-opacity));
 }
-._23977d5b7cef7361-reaction ._23977d5b7cef7361-burstGlow {
+.reaction__23977 .burstGlow__23977 {
   border-radius: var(--message-radius);
 }
 
 /* MESSAGE REACTIONS -> REVERT BUTTONS TO REACTION STYLE */
-.b7e1cb0370c2dd0e-container ._1647d698ce7feb4d-children ._201d5e8a3c09670a-lookFilled {
+.container_b7e1cb .children__1647d .lookFilled__201d5 {
   --button-height: 28px;
   --button-padding: 0 8px;
 }
@@ -3091,14 +3221,14 @@ body {
  *  ACCOUNT SWITCHER
  *
  */
-._920b86c5b761e645-list {
+.list__920b8 {
   background-color: var(--card-color);
   border-radius: var(--card-radius);
   border: none;
 }
 
 /* ACCOUNT SWITCHER -> ADD ACCOUNT */
-._921c50dc4baa4b4f-authBox,
+.authBox__921c5,
 .navRow__86e92 {
   background-color: transparent !important;
 }
@@ -3114,27 +3244,28 @@ body {
   --text-normal: #aaa;
   --interactive-normal: #aaa;
 }
-.container__23ba6 ._201d5e8a3c09670a-lookBlank {
+.container__23ba6 .lookBlank__201d5 {
   color: hsl(var(--accent-hsl));
 }
-.container__23ba6 ._0ed4fc708cdbac0d-inputWrapper, .container__23ba6 ._72c3859781ebce8f-wrapper {
+.container__23ba6 .wrapper__72c38 {
   background-color: transparent;
 }
 
-.c04f357ea00ccf57-header {
-  padding: 24px 16px 12px;
+.header_c04f35 {
+  padding-block: 24px 12px;
+  padding-inline: 16px;
 }
 
-.c04f357ea00ccf57-templatesList {
-  margin-top: 0;
+.templatesList_c04f35 {
+  margin-block-start: 0;
 }
 
-.eb2cd27996d667df-container {
+.container_eb2cd2 {
   background-color: var(--card-color);
   border-radius: var(--card-radius);
   border: none;
 }
-.eb2cd27996d667df-container:hover {
+.container_eb2cd2:hover {
   background-color: var(--card-color-hover);
   border: none;
 }
@@ -3154,7 +3285,7 @@ body {
  *  AUTHORIZE APP MODAL
  *
  */
-.oauth2ModalWrapper__647f0 ._3d3b08df7e9aa942-content {
+.oauth2ModalWrapper__647f0 .content__3d3b0 {
   background-color: var(--card-color);
   border-radius: var(--card-radius);
   border: none;
@@ -3168,21 +3299,21 @@ body {
  *  BOT ACTIONS
  *
  */
-.b440119daa5af4d6-cardHeader.b440119daa5af4d6-inModal,
-._3f3394ef9e05ec1a-noItemsSelected {
+.cardHeader_b44011.inModal_b44011,
+.noItemsSelected__3f339 {
   padding: 8px;
 }
 
-._9c74b1a3c940bfce-requiredPermissionsBanner {
+.requiredPermissionsBanner__9c74b {
   gap: 16px;
   background-color: var(--card-color);
   border-radius: var(--card-radius);
   border: none;
 }
-._9c74b1a3c940bfce-requiredPermissionsBanner ._9c74b1a3c940bfce-message {
+.requiredPermissionsBanner__9c74b .message__9c74b {
   margin: 0;
 }
-._9c74b1a3c940bfce-requiredPermissionsBanner ._201d5e8a3c09670a-button {
+.requiredPermissionsBanner__9c74b .button__201d5 {
   width: 78px;
 }
 
@@ -3213,7 +3344,7 @@ body {
  *  EVENTS
  *
  */
-._4efb4560fd616a25-container {
+.container__4efb4 {
   border: none;
   box-shadow: var(--popout-header-shadow);
 }
@@ -3222,36 +3353,36 @@ body {
   color: hsl(var(--accent-hsl));
 }
 
-._8826425bb0684b12-card {
+.card__88264 {
   padding: 0;
   background-color: var(--card-color);
   border-radius: var(--card-radius);
   border: none;
 }
-._8826425bb0684b12-card:hover {
+.card__88264:hover {
   background-color: var(--card-color-hover);
   border: none;
 }
-._8826425bb0684b12-card .b5010be6beaa8120-container,
-._8826425bb0684b12-card ._8826425bb0684b12-footer {
+.card__88264 .container_b5010b,
+.card__88264 .footer__88264 {
   padding: 16px;
 }
-._8826425bb0684b12-card .b5010be6beaa8120-container {
+.card__88264 .container_b5010b {
   box-shadow: var(--card-header-shadow);
 }
-._8826425bb0684b12-card .b5010be6beaa8120-rsvpCount {
+.card__88264 .rsvpCount_b5010b {
   background-color: var(--background-modifier-selected);
 }
-._8826425bb0684b12-card ._8826425bb0684b12-divider {
+.card__88264 .divider__88264 {
   display: none;
 }
 
 /* EVENTS -> CREATE EVENT */
-._5537c0a1a5ad4c18-selectedProgressBar {
+.selectedProgressBar__5537c {
   background-color: hsla(var(--accent-hsl), var(--accent-opacity));
 }
 
-.f7034805b8d6babc-previewCard {
+.previewCard_f70348 {
   background-color: var(--card-color) !important;
   border-radius: var(--card-radius) !important;
   border: none !important;
@@ -3262,82 +3393,82 @@ body {
  *  MODALS
  *
  */
-._49fc18ba07c5025f-root {
+.root__49fc1 {
   background-color: var(--popout-color) !important;
   border-radius: var(--popout-radius) !important;
   box-shadow: var(--popout-shadow) !important;
   border: none !important;
 }
-._49fc18ba07c5025f-root._49fc18ba07c5025f-small {
+.root__49fc1.small__49fc1 {
   min-height: 75px;
 }
-._49fc18ba07c5025f-root.container_ac6cb0, ._49fc18ba07c5025f-root.modal_b0827a, ._49fc18ba07c5025f-root.forcedTransparency__8a837, ._49fc18ba07c5025f-root.carouselModal_d2b9a1, ._49fc18ba07c5025f-root.d3a6f0de39ff36e9-carouselModal {
+.root__49fc1.container_ac6cb0, .root__49fc1.forcedTransparency__8a837, .root__49fc1.carouselModal_d3a6f0 {
   background-color: transparent !important;
   box-shadow: none !important;
 }
-._49fc18ba07c5025f-root.cba5926a3ea0ad97-popout {
+.root__49fc1.popout_cba592 {
   backdrop-filter: blur(var(--popout-blur));
 }
-._49fc18ba07c5025f-root ._49fc18ba07c5025f-header {
+.root__49fc1 .header__49fc1 {
   background-color: transparent;
   box-shadow: var(--popout-header-shadow);
 }
-._49fc18ba07c5025f-root ._49fc18ba07c5025f-header .f061f614def5a8d6-modalTitle {
-  margin-bottom: 0;
+.root__49fc1 .header__49fc1 .modalTitle_f061f6 {
+  margin-block-end: 0;
 }
-._49fc18ba07c5025f-root ._49fc18ba07c5025f-header ._49fc18ba07c5025f-close,
-._49fc18ba07c5025f-root ._49fc18ba07c5025f-header .iconButton-2rHy7x {
+.root__49fc1 .header__49fc1 .close__49fc1,
+.root__49fc1 .header__49fc1 .iconButton-2rHy7x {
   --button-height: 32px;
   position: absolute;
   width: var(--button-height);
   height: var(--button-height);
-  top: 12px;
-  right: 12px;
+  inset-block-start: 12px;
+  inset-inline-end: 12px;
   margin: 0;
   padding: 0;
 }
-._49fc18ba07c5025f-root ._49fc18ba07c5025f-header ._49fc18ba07c5025f-close ._201d5e8a3c09670a-contents {
+.root__49fc1 .header__49fc1 .close__49fc1 .contents__201d5 {
   height: 24px;
 }
-._49fc18ba07c5025f-root ._49fc18ba07c5025f-header ._49fc18ba07c5025f-close svg {
+.root__49fc1 .header__49fc1 .close__49fc1 svg {
   height: 24px !important;
   transform: scale(0.85);
 }
-._49fc18ba07c5025f-root ._49fc18ba07c5025f-header .iconButton-2rHy7x {
+.root__49fc1 .header__49fc1 .iconButton-2rHy7x {
   display: flex;
   justify-content: center;
   align-items: center;
 }
-._49fc18ba07c5025f-root ._49fc18ba07c5025f-header .iconButton-2rHy7x .icon-3DnmvF {
+.root__49fc1 .header__49fc1 .iconButton-2rHy7x .icon-3DnmvF {
   height: 24px;
   transform: scale(0.85);
 }
-._49fc18ba07c5025f-root ._49fc18ba07c5025f-content {
+.root__49fc1 .content__49fc1 {
   padding: 16px;
 }
-._49fc18ba07c5025f-root .modalBody_ababa2 {
+.root__49fc1 .modalBody_ababa2 {
   background-color: transparent;
 }
-._49fc18ba07c5025f-root ._49fc18ba07c5025f-footer, ._49fc18ba07c5025f-root .modalFooter_ababa2, ._49fc18ba07c5025f-root .modalFooter__2bb83 {
+.root__49fc1 .footer__49fc1, .root__49fc1 .modalFooter_ababa2, .root__49fc1 .modalFooter__2bb83 {
   background-color: transparent !important;
   box-shadow: none;
 }
 
-._783321f3468cf9e8-backdrop {
+.backdrop__78332 {
   background-color: rgba(0, 0, 0, 0.3) !important;
   backdrop-filter: blur(calc(var(--popout-blur) * 1.4)) !important;
   opacity: 1 !important;
 }
 
 /* MODALS -> V2 MODALS */
-._8a031a135bfcb9ba-container {
+.container__8a031 {
   background-color: var(--popout-color);
   border-radius: var(--popout-radius);
   box-shadow: var(--popout-shadow);
   border: none;
   backdrop-filter: blur(var(--popout-blur));
 }
-._8a031a135bfcb9ba-container ._8a031a135bfcb9ba-header .a22cb0c66246f5d3-button {
+.container__8a031 .header__8a031 .button_a22cb0 {
   --button-padding: 0;
   --button-background: transparent;
   --button-text-color: var(--control-icon-icon-only-default);
@@ -3348,15 +3479,15 @@ body {
  *  QUICKSWITCHER
  *
  */
-.ac6cb02cd15b4b3b-quickswitcher {
+.quickswitcher_ac6cb0 {
   background-color: var(--popout-color);
   border-radius: var(--popout-radius);
   box-shadow: var(--popout-shadow);
   border: none;
   backdrop-filter: blur(var(--popout-blur));
 }
-.ac6cb02cd15b4b3b-quickswitcher .ac6cb02cd15b4b3b-input {
-  margin-bottom: 16px;
+.quickswitcher_ac6cb0 .input_ac6cb0 {
+  margin-block-end: 16px;
   min-height: 42px;
   height: 42px;
   border-radius: 21px;
@@ -3366,15 +3497,15 @@ body {
   transition: var(--transition-time) var(--transition-type);
   font-size: 1.1em;
 }
-.ac6cb02cd15b4b3b-quickswitcher .ac6cb02cd15b4b3b-input:has(input:focus, textarea:focus) {
+.quickswitcher_ac6cb0 .input_ac6cb0:has(input:focus, textarea:focus) {
   background-color: rgba(var(--textarea-color), var(--textarea-alpha-focus));
   outline: none !important;
 }
-.ac6cb02cd15b4b3b-quickswitcher .ac6cb02cd15b4b3b-scroller {
-  margin-top: 0;
+.quickswitcher_ac6cb0 .scroller_ac6cb0 {
+  margin-block-start: 0;
   background-color: transparent;
 }
-.ac6cb02cd15b4b3b-quickswitcher ._71961da99d37ac57-result {
+.quickswitcher_ac6cb0 .result__71961 {
   border-radius: var(--list-item-radius);
 }
 
@@ -3383,15 +3514,15 @@ body {
  *  REACTIONS
  *
  */
-.b7f4b43fe1b6e285-scroller {
+.scroller_b7f4b4 {
   background-color: var(--sidebar-color) !important;
 }
-.b7f4b43fe1b6e285-scroller .b7f4b43fe1b6e285-reactionDefault,
-.b7f4b43fe1b6e285-scroller .b7f4b43fe1b6e285-reactionSelected {
+.scroller_b7f4b4 .reactionDefault_b7f4b4,
+.scroller_b7f4b4 .reactionSelected_b7f4b4 {
   border-radius: var(--button-radius);
 }
 
-.b7f4b43fe1b6e285-reactors {
+.reactors_b7f4b4 {
   background-color: transparent !important;
 }
 
@@ -3405,38 +3536,63 @@ body {
  *  SERVER QUESTIONS
  *
  */
-.c08b38911b1dcc2f-gradient {
+.gradient_c08b38 {
   background: linear-gradient(rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.85) 100%);
 }
 
-.fe70ca6739eeb5f0-prompt {
+.prompt_fe70ca {
   background-color: var(--popout-color) !important;
   border-radius: var(--popout-radius) !important;
   box-shadow: var(--popout-shadow) !important;
   border: none !important;
   backdrop-filter: blur(var(--popout-blur));
 }
-.fe70ca6739eeb5f0-prompt .fe70ca6739eeb5f0-navButtons {
+.prompt_fe70ca .navButtons_fe70ca {
   background-color: transparent;
 }
 
-._270d7a28db32b312-optionButton {
+.container__0b563 {
+  background-color: transparent !important;
+}
+
+.prompt__5d7c9 {
   background-color: var(--card-color);
   border-radius: var(--card-radius);
   border: none;
 }
-._270d7a28db32b312-optionButton:hover {
+
+.optionButtonWrapper__270d7 {
+  background-color: var(--card-color);
+  border-radius: var(--card-radius);
+  border-color: transparent;
+}
+.optionButtonWrapper__270d7:hover {
+  background-color: var(--card-color-hover);
+}
+.optionButtonWrapper__270d7.selected__270d7 {
+  background-color: var(--card-color-select);
+  border-color: hsl(var(--accent-hsl));
+}
+
+.optionButton__270d7 {
+  background-color: transparent;
+  background-color: var(--card-color);
+  border-radius: var(--card-radius);
+  border: none;
+}
+.optionButton__270d7:hover {
   background-color: var(--card-color-hover);
   border: none;
 }
-._270d7a28db32b312-checkIcon, ._270d7a28db32b312-memberCount {
+
+.checkIcon__270d7, .memberCount__270d7 {
   background-color: hsl(var(--accent-hsl));
 }
-._270d7a28db32b312-checkIcon path, ._270d7a28db32b312-memberCount path {
+.checkIcon__270d7 path, .memberCount__270d7 path {
   fill: var(--accent-text-color);
 }
 
-._270d7a28db32b312-memberCount .cf48127484dbde85-\/normal {
+.memberCount__270d7 .cf48127484dbde85-\/normal_cf4812 {
   color: var(--accent-text-color) !important;
 }
 
@@ -3451,13 +3607,13 @@ body {
   backdrop-filter: blur(calc(var(--popout-blur) * 1.4));
 }
 
-.b7854763c4a57c63-uploadDropModal .b7854763c4a57c63-bgScale {
+.uploadDropModal_b78547 .bgScale_b78547 {
   background-color: var(--popout-color);
   border-radius: var(--popout-radius);
   box-shadow: var(--popout-shadow);
   border: none;
 }
-.b7854763c4a57c63-uploadDropModal .b7854763c4a57c63-inner {
+.uploadDropModal_b78547 .inner_b78547 {
   border: none;
 }
 
@@ -3467,7 +3623,7 @@ body {
 
 /* UPLOAD -> SOUNDBOARD */
 .multiInput-wONk3i + .section-3xOOsh:nth-last-of-type(2) {
-  margin-bottom: 0;
+  margin-block-end: 0;
 }
 
 .fakeInput-1_6lq6 {
@@ -3495,26 +3651,27 @@ body {
 
 .badgeList_ec3b75 {
   height: var(--button-height);
-  padding: 0 4px;
+  padding-block: 0;
+  padding-inline: 4px;
   border-radius: var(--button-radius);
 }
 
-.fcb62805acc5d0cc-note {
+.note_fcb628 {
   margin: 0;
 }
-.fcb62805acc5d0cc-note .textarea_dde0a8 {
+.note_fcb628 .textarea_dde0a8 {
   border-radius: 11px;
 }
-.fcb62805acc5d0cc-note .textarea_dde0a8:focus {
+.note_fcb628 .textarea_dde0a8:focus {
   background-color: rgba(var(--textarea-color), var(--textarea-alpha-focus));
 }
 
-.e6abe833ac70fcae-connectedAccountContainer {
+.connectedAccountContainer_e6abe8 {
   background-color: var(--card-color);
   border-radius: var(--card-radius);
   border: none;
 }
-.e6abe833ac70fcae-connectedAccountContainer:hover {
+.connectedAccountContainer_e6abe8:hover {
   background-color: var(--card-color-hover);
   border: none;
 }
@@ -3534,13 +3691,13 @@ body {
  */
 .directoryContainer_da3f59 {
   height: calc(100% - var(--app-margin) * 1.5);
-  margin: calc(var(--app-margin) / 2) var(--app-margin) var(--app-margin) var(--app-margin);
+  margin-block: calc(var(--app-margin) / 2) var(--app-margin);
+  margin-inline: var(--app-margin);
   background-color: var(--main-content-color) !important;
   border-radius: var(--app-radius);
   backdrop-filter: blur(var(--app-blur));
 }
 
-/* APP DIRECTORY -> SEARCH BAR */
 /* APP DIRECTORY -> CATEGORIES */
 .category_d7acc7, .category_d169f5 {
   background-color: var(--background-modifier-hover);
@@ -3590,38 +3747,36 @@ body {
  *  BROWSE CHANNELS
  *
  */
-._41ed70e52483df6d-pageBody {
-  background: transparent;
-}
-
-._0b56311ebc6682e2-header {
+.pageBody__41ed7,
+.header__0b563 {
   background: transparent !important;
 }
 
-.bc0d3515e6cb489a-container {
+.container_bc0d35 {
   background-color: var(--card-color);
   border-radius: var(--card-radius);
   border: none;
 }
 
 /* BROWSE CHANNELS -> CHANNELS */
-.e4503acec53c64dd-channelRow {
+.channelRow_e4503a {
   --button-height: 34px;
   background-color: var(--card-color);
+  border: none;
   transition: var(--default-time) var(--default-animation) background-color;
 }
-.e4503acec53c64dd-channelRow.e4503acec53c64dd-firstChannel {
+.channelRow_e4503a.firstChannel_e4503a {
   border-radius: var(--card-radius) var(--card-radius) 0 0;
   border-top: 1px solid var(--card-border-color);
 }
-.e4503acec53c64dd-channelRow.e4503acec53c64dd-firstChannel.e4503acec53c64dd-lastChannel {
+.channelRow_e4503a.firstChannel_e4503a.lastChannel_e4503a {
   border-radius: var(--card-radius);
 }
-.e4503acec53c64dd-channelRow.e4503acec53c64dd-lastChannel {
+.channelRow_e4503a.lastChannel_e4503a {
   border-radius: 0 0 var(--card-radius) var(--card-radius);
   border-bottom: 1px solid var(--card-border-color);
 }
-.e4503acec53c64dd-channelRow:not(.e4503acec53c64dd-disabled):hover {
+.channelRow_e4503a:not(.disabled_e4503a):hover {
   background-color: var(--card-color-hover);
 }
 
@@ -3630,10 +3785,10 @@ body {
  *  CHANNELS AND ROLES
  *
  */
-._0b56311ebc6682e2-container {
+.container__0b563 {
   background-color: transparent !important;
 }
-._0b56311ebc6682e2-container .f75fb00fb7356cbe-chat {
+.container__0b563 .chat_f75fb0 {
   background-color: transparent !important;
 }
 
@@ -3652,8 +3807,8 @@ body {
   content: " ";
   width: calc(100% + 8px);
   height: calc(100% - 24px);
-  top: -4px;
-  left: -4px;
+  inset-block-start: -4px;
+  inset-inline-start: -4px;
   background-color: var(--card-color);
   border-radius: 16px 16px 0 0;
   z-index: -1;
@@ -3679,39 +3834,40 @@ body {
  *  RECENT MEMBERS
  *
  */
-.c791b281f2fedc32-container {
+.container_c791b2 {
   background-color: transparent !important;
 }
 
-._09a38002c6c2466d-mainTableContainer {
+.mainTableContainer__09a38 {
   box-shadow: none;
 }
 
-._98d1ce21de5c55ca-searchHeaderContainer {
-  padding: 8px 0 16px;
+.searchHeaderContainer__98d1c {
+  padding-block: 8px 16px;
+  padding-inline: 0;
 }
 
-.b4ec0b0549a3448a-table {
+.table_b4ec0b {
   background-color: var(--card-color);
   border-radius: var(--card-radius);
   border: none;
 }
 
-._71c22426f1aad6f4-memberRowContainer td:first-child {
+.memberRowContainer__71c22 td:first-child {
   border-top-left-radius: var(--list-item-radius);
   border-bottom-left-radius: var(--list-item-radius);
 }
-._71c22426f1aad6f4-memberRowContainer td:last-child {
+.memberRowContainer__71c22 td:last-child {
   border-top-right-radius: var(--list-item-radius);
   border-bottom-right-radius: var(--list-item-radius);
 }
-._71c22426f1aad6f4-memberRowContainer ._71c22426f1aad6f4-otherRoles,
-._71c22426f1aad6f4-memberRowContainer ._71c22426f1aad6f4-button {
+.memberRowContainer__71c22 .otherRoles__71c22,
+.memberRowContainer__71c22 .button__71c22 {
   background-color: var(--background-modifier-active);
 }
 
-.e8f197ff80df8bf4-paginationContainer {
-  margin-top: 16px;
+.paginationContainer_e8f197 {
+  margin-block-start: 16px;
   padding: 0;
   border-top: none;
 }
@@ -3721,25 +3877,25 @@ body {
  *  PREMIUM MEMBERSHIP
  *
  */
-._808a172f562ea104-scrollerContent {
+.scrollerContent__808a1 {
   max-width: 100%;
 }
 
-._808a172f562ea104-container {
+.container__808a1 {
   background-color: var(--main-content-color);
 }
 
-._808a172f562ea104-content:before {
+.content__808a1:before {
   display: none;
 }
 
-._3efc4041416bf6dc-cardContainerWithoutTopIndicator {
+.cardContainerWithoutTopIndicator__3efc4 {
   background-color: var(--card-color);
   border-radius: var(--card-radius);
   border: none;
 }
-._3efc4041416bf6dc-cardContainerWithoutTopIndicator ._3efc4041416bf6dc-tierInfoContainer,
-._3efc4041416bf6dc-cardContainerWithoutTopIndicator ._3efc4041416bf6dc-subscriptionPerks {
+.cardContainerWithoutTopIndicator__3efc4 .tierInfoContainer__3efc4,
+.cardContainerWithoutTopIndicator__3efc4 .subscriptionPerks__3efc4 {
   background-color: transparent;
 }
 
@@ -3753,48 +3909,48 @@ body {
  *  SERVER DISCOVERY
  *
  */
-.a592e1970a0ce22c-container {
+.container_a592e1 {
   background-color: var(--main-content-color);
 }
 
 /* SERVER DISCOVERY -> SIDEBAR */
-._551b0894962ff66f-container {
+.container__551b0 {
   background: transparent;
 }
 
-._551b0894962ff66f-navItem {
+.navItem__551b0 {
   border-radius: var(--list-item-radius);
 }
 
 /* SERVER DISCOVERY -> HEADER BAR */
-._8a7fc664acf53af6-headerBar:after {
+.headerBar__8a7fc:after {
   display: none;
 }
 
-._8a7fc664acf53af6-backdrop {
+.backdrop__8a7fc {
   background: var(--popout-color);
   backdrop-filter: blur(var(--app-blur));
 }
 
 /* SERVER DISCOVERY -> CARDS */
-._4cb8ad5be329b603-card {
+.card__4cb8a {
   background-color: var(--card-color) !important;
   border-radius: var(--card-radius) !important;
   border: none !important;
 }
-._4cb8ad5be329b603-card:hover {
+.card__4cb8a:hover {
   background-color: var(--card-color-hover) !important;
   border: none;
 }
-._4cb8ad5be329b603-card svg {
+.card__4cb8a svg {
   filter: none;
 }
-._4cb8ad5be329b603-card ._4cb8ad5be329b603-iconMask {
+.card__4cb8a .iconMask__4cb8a {
   background-color: var(--card-color-hover) !important;
 }
 
 /* SERVER DISCOVERY -> SEARCH RESULTS */
-._97499d091cc91f18-category {
+.category__97499 {
   border-radius: var(--list-item-radius);
 }
 
@@ -3803,51 +3959,52 @@ body {
  *	SERVER SHOP
  *
  */
-.adb50a654b4cd212-container {
+.container_adb50a {
   background-color: var(--card-color);
   border-radius: var(--card-radius);
   border: none;
 }
 
-.d804ff2e60e07385-tab {
+.tab_d804ff {
   border-radius: var(--card-radius);
   border: none;
   box-shadow: none;
 }
-.d804ff2e60e07385-tab.d804ff2e60e07385-selected {
+.tab_d804ff.selected_d804ff {
   background-color: hsl(var(--accent-hsl));
   color: var(--accent-text-color);
 }
-.d804ff2e60e07385-tab.d804ff2e60e07385-selected .cf48127484dbde85-text-sm\/semibold,
-.d804ff2e60e07385-tab.d804ff2e60e07385-selected .cf48127484dbde85-\/normal {
+.tab_d804ff.selected_d804ff .text-sm\/semibold_cf4812,
+.tab_d804ff.selected_d804ff .cf48127484dbde85-\/normal_cf4812 {
   color: var(--accent-text-color) !important;
 }
 
-.sortDropdown_bb26d9 .cf48127484dbde85-text-sm\/medium {
+.sortDropdown_bb26d9 .text-sm\/medium_cf4812 {
   color: var(--button-text-color) !important;
 }
-.sortDropdown_bb26d9 ._201d5e8a3c09670a-contents svg:last-child {
-  margin-left: 8px;
+.sortDropdown_bb26d9 .contents__201d5 svg:last-child {
+  margin-inline-start: 8px;
 }
 
-._8833c76cfb7aa93d-card:hover ._8833c76cfb7aa93d-cardContent {
+.card__8833c:hover .cardContent__8833c {
   box-shadow: none;
   outline: none;
   transform: none;
 }
 
-._79d38fa75120d990-productCard {
+.productCard__79d38 {
   background-color: var(--card-color) !important;
   border-radius: var(--card-radius) !important;
   border: none !important;
 }
-._79d38fa75120d990-productCard:hover {
+.productCard__79d38:hover {
   background-color: var(--card-color-hover) !important;
   border: none;
 }
 
-._9cd44893360e390c-roleTag {
-  padding: 8px 16px;
+.roleTag__9cd44 {
+  padding-block: 8px;
+  padding-inline: 16px;
   background-color: var(--background-modifier-selected);
   border-radius: 20px;
 }
@@ -3857,7 +4014,7 @@ body {
  *  DISCORD SHOP
  *
  */
-._084152b107f71237-shop {
+.shop__08415 {
   background-color: var(--main-content-color);
 }
 
@@ -3866,31 +4023,31 @@ body {
   border-radius: var(--card-radius);
 }
 
-.fcbddd55b8b335a1-productCardContainer {
+.productCardContainer_fcbddd {
   background-color: var(--card-color) !important;
   border-radius: var(--card-radius) !important;
   border: none !important;
 }
-.fcbddd55b8b335a1-productCardContainer:hover {
+.productCardContainer_fcbddd:hover {
   background-color: var(--card-color-hover) !important;
   border: none;
 }
-.fcbddd55b8b335a1-productCardContainer:hover {
+.productCardContainer_fcbddd:hover {
   top: unset;
   box-shadow: none !important;
 }
-.fcbddd55b8b335a1-productCardContainer .avatarContainer_c3d04b {
+.productCardContainer_fcbddd .avatarContainer_c3d04b {
   box-shadow: var(--card-header-shadow);
 }
-.fcbddd55b8b335a1-productCardContainer .cardText_c3d04b {
+.productCardContainer_fcbddd .cardText_c3d04b {
   width: 100%;
-  left: 0;
-  bottom: 0;
+  inset-inline-start: 0;
+  inset-block-end: 0;
 }
-.fcbddd55b8b335a1-productCardContainer .cardTextBlur_c23530 {
+.productCardContainer_fcbddd .cardTextBlur_c23530 {
   border-radius: 0 0 var(--card-radius) var(--card-radius);
 }
-.fcbddd55b8b335a1-productCardContainer .cardBackground_c23530 {
+.productCardContainer_fcbddd .cardBackground_c23530 {
   background-color: transparent !important;
 }
 
@@ -3899,19 +4056,19 @@ body {
  *  ADD GAME POPOUT
  *
  */
-.cc46f0f859f26200-addGamePopout {
+.addGamePopout_cc46f0 {
   background-color: transparent !important;
   border-radius: var(--popout-radius) !important;
   box-shadow: none !important;
   overflow: hidden;
 }
-.cc46f0f859f26200-addGamePopout:before {
+.addGamePopout_cc46f0:before {
   position: absolute;
   content: " ";
   width: 100%;
   height: 100%;
-  top: 0;
-  left: 0;
+  inset-block-start: 0;
+  inset-inline-start: 0;
   background-color: var(--popout-color);
   border-radius: var(--popout-radius);
   box-shadow: var(--popout-shadow);
@@ -3925,19 +4082,19 @@ body {
  *  APPS AND COMMANDS
  *
  */
-._9c62c6ed231468c4-contentWrapper {
+.contentWrapper__9c62c {
   background-color: transparent;
   border-radius: var(--popout-radius);
   box-shadow: none;
   overflow: hidden;
 }
-._9c62c6ed231468c4-contentWrapper:before {
+.contentWrapper__9c62c:before {
   position: absolute;
   content: " ";
   width: 100%;
   height: 100%;
-  top: 0;
-  left: 0;
+  inset-block-start: 0;
+  inset-inline-start: 0;
   background-color: var(--popout-color);
   border-radius: var(--popout-radius);
   box-shadow: var(--popout-shadow);
@@ -3946,36 +4103,36 @@ body {
   z-index: -1;
 }
 
-.cb32c78a53f54371-container {
+.container_cb32c7 {
   background-color: var(--card-color);
   border-radius: var(--card-radius);
   border: none;
 }
-.cb32c78a53f54371-container:hover {
+.container_cb32c7:hover {
   background-color: var(--card-color-hover);
   border: none;
 }
 
-.cb32c78a53f54371-rowContainer {
+.rowContainer_cb32c7 {
   border-radius: 0;
 }
-.cb32c78a53f54371-rowContainer:first-child {
+.rowContainer_cb32c7:first-child {
   border-top-left-radius: var(--card-radius);
   border-top-right-radius: var(--card-radius);
 }
-.cb32c78a53f54371-rowContainer:last-child {
+.rowContainer_cb32c7:last-child {
   border-bottom-left-radius: var(--card-radius);
   border-bottom-right-radius: var(--card-radius);
 }
 
-._19cf24ad0aef5ead-container {
+.container__19cf2 {
   background-color: var(--card-color);
   border-radius: var(--card-radius);
   border: none;
 }
 
 /* APPS AND COMMANDS -> APP */
-._7bdb06a4e863b838-container {
+.container__7bdb0 {
   background-color: transparent;
 }
 
@@ -3983,36 +4140,36 @@ body {
   border-radius: var(--card-radius);
   border: none;
 }
-.profileAndVideoContainer_e80fe9 ._958562d63bb1e99d-overviewContainerNoVideo {
+.profileAndVideoContainer_e80fe9 .overviewContainerNoVideo__95856 {
   background-color: var(--card-color);
   border-radius: inherit;
 }
-.profileAndVideoContainer_e80fe9 ._958562d63bb1e99d-overviewContainerWithVideo {
-  margin-top: -4px;
+.profileAndVideoContainer_e80fe9 .overviewContainerWithVideo__95856 {
+  margin-block-start: -4px;
   background-color: var(--card-color);
   border-bottom-left-radius: var(--card-radius);
   border-bottom-right-radius: var(--card-radius);
 }
 
-._958562d63bb1e99d-videoCover {
+.videoCover__95856 {
   border-top-left-radius: var(--card-radius);
   border-top-right-radius: var(--card-radius);
 }
 
-.c94584907f9d5a22-commandContainer {
+.commandContainer_c94584 {
   background-color: transparent;
 }
-.c94584907f9d5a22-commandContainer .c94584907f9d5a22-command {
+.commandContainer_c94584 .command_c94584 {
   background-color: var(--card-color);
 }
-.c94584907f9d5a22-commandContainer .c94584907f9d5a22-command:hover {
+.commandContainer_c94584 .command_c94584:hover {
   background-color: var(--card-color-hover);
 }
-.c94584907f9d5a22-commandContainer .c94584907f9d5a22-command:first-child {
+.commandContainer_c94584 .command_c94584:first-child {
   border-top-left-radius: var(--card-radius);
   border-top-right-radius: var(--card-radius);
 }
-.c94584907f9d5a22-commandContainer .c94584907f9d5a22-command:last-child {
+.commandContainer_c94584 .command_c94584:last-child {
   border-bottom-left-radius: var(--card-radius);
   border-bottom-right-radius: var(--card-radius);
 }
@@ -4022,23 +4179,23 @@ body {
  *  AUTOCOMPLETE
  *
  */
-._13533e3c5791980f-autocomplete {
+.autocomplete__13533 {
   background-color: var(--popout-color) !important;
   border-radius: var(--popout-radius) !important;
   box-shadow: var(--popout-shadow) !important;
   border: none !important;
   backdrop-filter: blur(var(--popout-blur));
 }
-._13533e3c5791980f-autocomplete .b1e4f3fb96801b99-wrapper {
+.autocomplete__13533 .wrapper_b1e4f3 {
   background-color: transparent;
 }
-._13533e3c5791980f-autocomplete ._13533e3c5791980f-base {
+.autocomplete__13533 .base__13533 {
   border-radius: var(--popout-radius);
 }
-._13533e3c5791980f-autocomplete ._13533e3c5791980f-base.selected-3H3-RC {
+.autocomplete__13533 .base__13533.selected-3H3-RC {
   background-color: var(--background-modifier-hover) !important;
 }
-._13533e3c5791980f-autocomplete .a195358c0257a1b0-option {
+.autocomplete__13533 .option_a19535 {
   background-color: var(--card-color) !important;
 }
 
@@ -4053,8 +4210,8 @@ body {
   content: " ";
   width: 100%;
   height: 100%;
-  top: 0;
-  left: 0;
+  inset-block-start: 0;
+  inset-inline-start: 0;
   background-color: var(--popout-color);
   border-radius: var(--popout-radius);
   box-shadow: var(--popout-shadow);
@@ -4077,7 +4234,7 @@ body {
   background-color: transparent !important;
 }
 .container_d5ae15 .row_d5ae15 {
-  padding-left: 4px;
+  padding-inline-start: 4px;
 }
 .container_d5ae15 .row_d5ae15 .rowInner_d5ae15 {
   border-radius: var(--popout-radius);
@@ -4088,20 +4245,21 @@ body {
  *  CONTEXT MENU
  *
  */
-.c1e9c47c23f12ca3-menu {
+.menu_c1e9c4 {
   background-color: transparent;
   border-radius: var(--popout-radius);
   box-shadow: none;
   overflow: hidden;
+  border: none;
   /* CONTEXT MENU -> NESTED WORKAROUND */
 }
-.c1e9c47c23f12ca3-menu:before {
+.menu_c1e9c4:before {
   position: absolute;
   content: " ";
   width: 100%;
   height: 100%;
-  top: 0;
-  left: 0;
+  inset-block-start: 0;
+  inset-inline-start: 0;
   background-color: var(--popout-color);
   border-radius: var(--popout-radius);
   box-shadow: var(--popout-shadow);
@@ -4109,37 +4267,42 @@ body {
   pointer-events: none;
   z-index: -1;
 }
-.c1e9c47c23f12ca3-menu .c1e9c47c23f12ca3-item {
+.menu_c1e9c4 .item_c1e9c4 {
   border-radius: var(--popout-radius);
 }
-.c1e9c47c23f12ca3-menu .c1e9c47c23f12ca3-item.c1e9c47c23f12ca3-focused {
+.menu_c1e9c4 .item_c1e9c4.focused_c1e9c4 {
   background-color: var(--background-modifier-selected);
 }
-.c1e9c47c23f12ca3-menu .f563df886a7377be-button {
+.menu_c1e9c4 .button_f563df {
   background-color: var(--card-color);
 }
-.c1e9c47c23f12ca3-menu .f563df886a7377be-button:hover {
+.menu_c1e9c4 .button_f563df:hover {
   background-color: var(--card-color-hover);
 }
-#image-context.c1e9c47c23f12ca3-menu {
+.menu_c1e9c4#image-context {
   background-color: var(--popout-color);
   backdrop-filter: blur(var(--popout-blur));
   box-shadow: var(--popout-shadow);
 }
-#image-context.c1e9c47c23f12ca3-menu:before {
+.menu_c1e9c4#image-context:before {
   display: none;
 }
 
-._59d0d7075b521375-layerContainer ._783321f3468cf9e8-backdrop + .bc663cf6190ce9ad-layer + ._59d0d7075b521375-layer .c1e9c47c23f12ca3-menu {
+.submenu_c1e9c4:before {
+  width: calc(100% - var(--space-16));
+  inset-inline: var(--space-8);
+}
+
+.layerContainer__59d0d .backdrop__78332 + .layer_bc663c + .layer__59d0d .menu_c1e9c4 {
   backdrop-filter: blur(var(--popout-blur));
 }
 
-._59d0d7075b521375-layer ~ ._59d0d7075b521375-layer .c1e9c47c23f12ca3-menu {
+.layer__59d0d ~ .layer__59d0d .menu_c1e9c4 {
   backdrop-filter: blur(var(--popout-blur));
 }
 
 /* CONTEXT MENU -> CHECKBOX */
-.c1e9c47c23f12ca3-icon {
+.icon_c1e9c4 {
   filter: none !important;
 }
 
@@ -4148,24 +4311,26 @@ body {
  *  EMOJI PICKER
  *
  */
-._084343c4f11eaaab-contentWrapper, .contentWrapper_eab878,
-.c0e32c5cffed3d9f-emojiPicker {
+.contentWrapper__08434, .contentWrapper_eab878,
+.emojiPicker_c0e32c {
   background-color: transparent;
 }
 
-._084343c4f11eaaab-contentWrapper, .contentWrapper_eab878 {
+.contentWrapper__08434, .contentWrapper_eab878 {
   background-color: transparent;
   border-radius: var(--popout-radius);
   box-shadow: none;
   overflow: hidden;
+  border: none;
+  box-shadow: none;
 }
-._084343c4f11eaaab-contentWrapper:before, .contentWrapper_eab878:before {
+.contentWrapper__08434:before, .contentWrapper_eab878:before {
   position: absolute;
   content: " ";
   width: 100%;
   height: 100%;
-  top: 0;
-  left: 0;
+  inset-block-start: 0;
+  inset-inline-start: 0;
   background-color: var(--popout-color);
   border-radius: var(--popout-radius);
   box-shadow: var(--popout-shadow);
@@ -4174,19 +4339,19 @@ body {
   z-index: -1;
 }
 
-.c0e32c5cffed3d9f-wrapper:not(.c0e32c5cffed3d9f-emojiPickerHasTabWrapper) {
+.wrapper_c0e32c:not(.emojiPickerHasTabWrapper_c0e32c) {
   background-color: transparent;
   border-radius: var(--popout-radius);
   box-shadow: none;
   overflow: hidden;
 }
-.c0e32c5cffed3d9f-wrapper:not(.c0e32c5cffed3d9f-emojiPickerHasTabWrapper):before {
+.wrapper_c0e32c:not(.emojiPickerHasTabWrapper_c0e32c):before {
   position: absolute;
   content: " ";
   width: 100%;
   height: 100%;
-  top: 0;
-  left: 0;
+  inset-block-start: 0;
+  inset-inline-start: 0;
   background-color: var(--popout-color);
   border-radius: var(--popout-radius);
   box-shadow: var(--popout-shadow);
@@ -4196,21 +4361,21 @@ body {
 }
 
 /* EMOJI PICKER -> HEADER */
-._084343c4f11eaaab-navButton:hover, .navButton__0565e:hover {
+.navButton__08434:hover, .navButton__0565e:hover {
   background-color: var(--background-modifier-hover);
 }
-._084343c4f11eaaab-navButton._084343c4f11eaaab-navButtonActive, .navButton__0565e._084343c4f11eaaab-navButtonActive, ._084343c4f11eaaab-navButton.navButtonActive_b003de, .navButton__0565e.navButtonActive_b003de {
+.navButton__08434.navButtonActive__08434, .navButton__08434 .navButtonActive_b003de, .navButton__0565e.navButtonActive__08434, .navButton__0565e .navButtonActive_b003de {
   background-color: var(--background-modifier-selected);
 }
 
-.fed6d32841cc2da2-header,
-._8ef02eea17068b73-header,
-.c0e32c5cffed3d9f-header {
+.header_fed6d3,
+.header__8ef02,
+.header_c0e32c {
   background-color: transparent;
   box-shadow: var(--popout-header-shadow) !important;
 }
 
-.a45a2a5d0f4caddc-diversitySelectorOptions {
+.diversitySelectorOptions_a45a2a {
   background-color: var(--popout-color);
   border-radius: var(--popout-radius);
   box-shadow: var(--popout-shadow);
@@ -4236,24 +4401,25 @@ body {
 }
 
 /* EMOJI PICKER -> EMOJIS */
-.fed6d32841cc2da2-container {
+.container_fed6d3 {
   background-color: transparent;
 }
 
-._14245bb948377a25-wrapper {
-  position: relative;
+.wrapper__14245 {
+  position: sticky;
+  background-color: transparent;
+  backdrop-filter: blur(var(--popout-blur));
+}
+
+.inspector_aeaaeb {
   background-color: transparent;
 }
 
-.aeaaeb2a573807f0-inspector {
-  background-color: transparent;
-}
-
-._4106ae7c1472c1de-wrapper {
-  top: 60px;
+.wrapper__4106a {
+  inset-block-start: 60px;
   background-color: var(--sidebar-color);
 }
-._4106ae7c1472c1de-wrapper .b9ee0c229bc0b6bb-unicodeShortcut {
+.wrapper__4106a .unicodeShortcut_b9ee0c {
   background-color: var(--popout-color);
   border-radius: var(--popout-radius);
   box-shadow: var(--popout-shadow);
@@ -4262,14 +4428,14 @@ body {
   border-radius: 0;
 }
 
-.c0e32c5cffed3d9f-emojiPickerHasTabWrapper ._4106ae7c1472c1de-wrapper {
-  top: 52px;
+.emojiPickerHasTabWrapper_c0e32c .wrapper__4106a {
+  inset-block-start: 52px;
 }
 
-.fc7141859aaa98b7-emojiItem {
+.emojiItem_fc7141 {
   border-radius: var(--card-radius);
 }
-.fc7141859aaa98b7-emojiItem.fc7141859aaa98b7-emojiItemSelected {
+.emojiItem_fc7141.emojiItemSelected_fc7141 {
   background-color: var(--background-modifier-hover);
 }
 
@@ -4288,23 +4454,23 @@ body {
   outline: none !important;
 }
 
-._2dc39186a9b98da4-result {
+.result__2dc39 {
   border-radius: var(--card-radius);
 }
-._2dc39186a9b98da4-result:after {
+.result__2dc39:after {
   border-radius: inherit;
 }
-._2dc39186a9b98da4-result:hover:after {
+.result__2dc39:hover:after {
   box-shadow: inset 0 0 0 2px hsl(var(--accent-hsl)), inset 0 0 0 3px #2f3136 !important;
 }
-._2dc39186a9b98da4-result ._2dc39186a9b98da4-gif {
+.result__2dc39 .gif__2dc39 {
   border-radius: inherit;
 }
-._2dc39186a9b98da4-result .d02962a38047ac3c-categoryFade,
-._2dc39186a9b98da4-result .d02962a38047ac3c-categoryFadeBlurple {
+.result__2dc39 .categoryFade_d02962,
+.result__2dc39 .categoryFadeBlurple_d02962 {
   border-radius: inherit;
 }
-._2dc39186a9b98da4-result .d02962a38047ac3c-categoryFadeBlurple {
+.result__2dc39 .categoryFadeBlurple_d02962 {
   background-color: hsla(var(--accent-hsl), 0.8) !important;
 }
 
@@ -4313,7 +4479,7 @@ body {
  *  INCOMING CALL
  *
  */
-._2dbe1dc734ff26a5-root {
+.root__2dbe1 {
   background-color: var(--popout-color) !important;
   border-radius: var(--popout-radius) !important;
   box-shadow: var(--popout-shadow) !important;
@@ -4348,7 +4514,7 @@ body {
   position: fixed;
   width: calc(100% - 16px);
   height: 100%;
-  margin-left: 16px;
+  margin-inline-start: 16px;
 }
 
 /*
@@ -4356,20 +4522,20 @@ body {
  *  LIST POPOUTS
  *
  */
-._3dde27fb71170aa9-container {
+.container__3dde2 {
   border: none;
   background-color: transparent;
   border-radius: var(--popout-radius);
   box-shadow: none;
   overflow: hidden;
 }
-._3dde27fb71170aa9-container:before {
+.container__3dde2:before {
   position: absolute;
   content: " ";
   width: 100%;
   height: 100%;
-  top: 0;
-  left: 0;
+  inset-block-start: 0;
+  inset-inline-start: 0;
   background-color: var(--popout-color);
   border-radius: var(--popout-radius);
   box-shadow: var(--popout-shadow);
@@ -4377,23 +4543,23 @@ body {
   pointer-events: none;
   z-index: -1;
 }
-._3dde27fb71170aa9-container ._97e869e420e80b14-item {
+.container__3dde2 .item__97e86 {
   border-radius: var(--popout-radius);
 }
 
-._48c1c0768f2a2421-overflowRolesPopout {
+.overflowRolesPopout__48c1c {
   background-color: transparent !important;
   border-radius: var(--popout-radius) !important;
   box-shadow: none !important;
   overflow: hidden;
 }
-._48c1c0768f2a2421-overflowRolesPopout:before {
+.overflowRolesPopout__48c1c:before {
   position: absolute;
   content: " ";
   width: 100%;
   height: 100%;
-  top: 0;
-  left: 0;
+  inset-block-start: 0;
+  inset-inline-start: 0;
   background-color: var(--popout-color);
   border-radius: var(--popout-radius);
   box-shadow: var(--popout-shadow);
@@ -4401,17 +4567,17 @@ body {
   pointer-events: none;
   z-index: -1;
 }
-._48c1c0768f2a2421-overflowRolesPopout ._48c1c0768f2a2421-overflowRolesPopoutArrow {
+.overflowRolesPopout__48c1c .overflowRolesPopoutArrow__48c1c {
   background-color: var(--popout-color) !important;
   box-shadow: none !important;
 }
-._48c1c0768f2a2421-overflowRolesPopout ._48c1c0768f2a2421-overflowRolesPopoutHeaderIcon path {
+.overflowRolesPopout__48c1c .overflowRolesPopoutHeaderIcon__48c1c path {
   fill: var(--header-secondary);
 }
-._48c1c0768f2a2421-overflowRolesPopout ._48c1c0768f2a2421-overflowRolesPopoutHeaderText {
+.overflowRolesPopout__48c1c .overflowRolesPopoutHeaderText__48c1c {
   color: var(--header-secondary);
 }
-._48c1c0768f2a2421-overflowRolesPopout .dfa8b6b94cddb191-role, ._48c1c0768f2a2421-overflowRolesPopout ._5d7c9a81ac5dd074-role {
+.overflowRolesPopout__48c1c .role_dfa8b6, .overflowRolesPopout__48c1c .role__5d7c9 {
   background-color: var(--card-color);
 }
 
@@ -4420,20 +4586,20 @@ body {
  *  MEMBERS LIST ACTIVITY POPOUT
  *
  */
-.af3b89684c536957-popout {
+.popout_af3b89 {
   background-color: transparent;
   border-radius: var(--popout-radius);
   box-shadow: none;
   overflow: hidden;
   filter: none;
 }
-.af3b89684c536957-popout:before {
+.popout_af3b89:before {
   position: absolute;
   content: " ";
   width: 100%;
   height: 100%;
-  top: 0;
-  left: 0;
+  inset-block-start: 0;
+  inset-inline-start: 0;
   background-color: var(--popout-color);
   border-radius: var(--popout-radius);
   box-shadow: var(--popout-shadow);
@@ -4441,18 +4607,18 @@ body {
   pointer-events: none;
   z-index: -1;
 }
-.af3b89684c536957-popout ._201d5e8a3c09670a-lookFilled path {
+.popout_af3b89 .lookFilled__201d5 path {
   fill: currentColor !important;
   color: currentColor !important;
 }
 
-.af3b89684c536957-popoutContentWrapper,
-.af3b89684c536957-interactionsContainer {
+.popoutContentWrapper_af3b89,
+.interactionsContainer_af3b89 {
   background-color: transparent;
 }
 
-.af3b89684c536957-shareToChannelButton {
-  padding-right: 0;
+.shareToChannelButton_af3b89 {
+  padding-inline-end: 0;
   border-right: none;
 }
 
@@ -4461,20 +4627,21 @@ body {
  *  MESSAGES POPOUT
  *
  */
-.e8b59c4b335dd2fc-messagesPopoutWrap {
+.messagesPopoutWrap_e8b59c {
   max-height: 80vh !important;
   background-color: transparent;
   border-radius: var(--popout-radius);
   box-shadow: none;
   overflow: hidden;
+  background-color: transparent;
 }
-.e8b59c4b335dd2fc-messagesPopoutWrap:before {
+.messagesPopoutWrap_e8b59c:before {
   position: absolute;
   content: " ";
   width: 100%;
   height: 100%;
-  top: 0;
-  left: 0;
+  inset-block-start: 0;
+  inset-inline-start: 0;
   background-color: var(--popout-color);
   border-radius: var(--popout-radius);
   box-shadow: var(--popout-shadow);
@@ -4483,76 +4650,76 @@ body {
   z-index: -1;
 }
 
-.e8b59c4b335dd2fc-header {
+.header_e8b59c {
   background-color: transparent;
+  border: none;
   box-shadow: var(--popout-header-shadow);
 }
 
-.e8b59c4b335dd2fc-messagesPopout {
-  padding: 16px 0 0 8px;
+.messagesPopout_e8b59c {
+  padding-block: 16px 0;
+  padding-inline: 8px 0;
 }
 
-.e8b59c4b335dd2fc-footer {
+.footer_e8b59c {
   background-color: transparent;
 }
 
 /* MESSAGES POPOUT -> PINNED MESSAGES */
-.e8b59c4b335dd2fc-messageGroupWrapper {
-  margin-bottom: 16px;
+.messageGroupWrapper_e8b59c {
+  margin-block-end: 16px;
   background-color: transparent;
   border: none;
 }
-.e8b59c4b335dd2fc-messageGroupWrapper .c19a557985eb7793-wrapper {
-  margin-left: 56px !important;
-  margin-right: 16px !important;
+.messageGroupWrapper_e8b59c .wrapper_c19a55 {
+  margin-inline-start: 56px !important;
+  margin-inline-end: 0 !important;
   background-color: var(--message-color);
   border-radius: var(--message-radius);
 }
-.e8b59c4b335dd2fc-messageGroupWrapper .c19a557985eb7793-wrapper .c19a557985eb7793-contents,
-.e8b59c4b335dd2fc-messageGroupWrapper .c19a557985eb7793-wrapper .b7e1cb0370c2dd0e-container {
+.messageGroupWrapper_e8b59c .wrapper_c19a55 .contents_c19a55,
+.messageGroupWrapper_e8b59c .wrapper_c19a55 .container_b7e1cb {
   overflow: hidden;
 }
-.e8b59c4b335dd2fc-messageGroupWrapper .e8b59c4b335dd2fc-actionButtons {
-  right: calc(16px + var(--message-padding-side));
+.messageGroupWrapper_e8b59c .actionButtons_e8b59c {
+  inset-inline-end: calc(16px + var(--message-padding-side));
 }
-.e8b59c4b335dd2fc-messageGroupWrapper .jumpButton_e8b59c {
+.messageGroupWrapper_e8b59c .jumpButton_e8b59c {
   background-color: var(--card-color);
   border-radius: var(--button-radius);
 }
 
 /* MESSAGES POPOUT -> FOR YOU */
-._523aa09e59621644-friendRequestsButton {
+.friendRequestsButton__523aa {
   background-color: var(--background-modifier-hover);
 }
-._523aa09e59621644-friendRequestsButton:hover {
+.friendRequestsButton__523aa:hover {
   background-color: var(--background-modifier-active);
 }
 
-._0f7115b4703f7b3a-container {
+.container__0f711 {
   background-color: transparent;
+  border: none;
 }
 
-._6fddf2ee3574a18a-row:hover {
+.row__6fddf:hover {
   background-color: var(--background-modifier-hover);
 }
 
 /* MESSAGES POPOUT -> MENTIONS */
-._35a7ecf3aba351b2-channelHeader,
-._957962c2bd49881b-messageContainer {
-  background-color: transparent;
-}
-
-._35a7ecf3aba351b2-channelHeader {
-  margin: 4px 0;
-  padding: 12px 16px 12px 28px;
-  background-color: transparent;
+.channelHeader__35a7e {
+  margin-block: 4px;
+  margin-inline: 0;
+  padding-block: 12px;
+  padding-inline: 28px 16px;
+  background-color: var(--popout-color);
   background-color: var(--popout-color);
   border-radius: var(--popout-radius);
   box-shadow: var(--popout-shadow);
   border: none;
   backdrop-filter: blur(var(--popout-blur));
 }
-._35a7ecf3aba351b2-channelHeader:before {
+.channelHeader__35a7e:before {
   background-color: var(--message-color);
   border-radius: var(--message-radius);
 }
@@ -4564,29 +4731,32 @@ body {
   background-color: var(--background-modifier-selected) !important;
 }
 
-._957962c2bd49881b-messageContainer {
-  padding: 16px 0;
+.messageContainer__95796 {
+  padding-block: 16px;
+  padding-inline: 0;
+  background-color: transparent;
+  border: none;
 }
-._957962c2bd49881b-messageContainer .c19a557985eb7793-wrapper {
-  margin-left: 60px;
-  margin-right: 0;
+.messageContainer__95796 .wrapper_c19a55 {
+  margin-inline-start: 60px;
+  margin-inline-end: 0;
   overflow: visible;
 }
 
 /* MESSAGES POPOUT -> UNREADS */
-._957962c2bd49881b-recentMentionsPopout {
+.recentMentionsPopout__95796 {
   background-color: transparent;
   border-radius: var(--popout-radius);
   box-shadow: none;
   overflow: hidden;
 }
-._957962c2bd49881b-recentMentionsPopout:before {
+.recentMentionsPopout__95796:before {
   position: absolute;
   content: " ";
   width: 100%;
   height: 100%;
-  top: 0;
-  left: 0;
+  inset-block-start: 0;
+  inset-inline-start: 0;
   background-color: var(--popout-color);
   border-radius: var(--popout-radius);
   box-shadow: var(--popout-shadow);
@@ -4594,21 +4764,20 @@ body {
   pointer-events: none;
   z-index: -1;
 }
-._957962c2bd49881b-recentMentionsPopout .c19a557985eb7793-wrapper {
+.recentMentionsPopout__95796 .messagesPopoutWrap_e8b59c:before {
+  background-color: transparent;
+}
+.recentMentionsPopout__95796 .wrapper_c19a55 {
   overflow: visible;
 }
 
-._2692d04af6567ec8-tutorial {
+.tutorial__2692d {
   background-color: var(--card-color);
   border-radius: var(--card-radius);
   border: none;
 }
 
-.collapseButton__427f0 {
-  left: 4px;
-}
-
-._1ccd1ba5cb2270c2-messages {
+.messages__1ccd1 {
   background-color: transparent;
 }
 
@@ -4617,19 +4786,19 @@ body {
  *  NOISE SUPPRESSION
  *
  */
-.e131a99484292a19-noiseCancellationPopout {
+.noiseCancellationPopout_e131a9 {
   background-color: transparent;
   border-radius: var(--popout-radius);
   box-shadow: none;
   overflow: hidden;
 }
-.e131a99484292a19-noiseCancellationPopout:before {
+.noiseCancellationPopout_e131a9:before {
   position: absolute;
   content: " ";
   width: 100%;
   height: 100%;
-  top: 0;
-  left: 0;
+  inset-block-start: 0;
+  inset-inline-start: 0;
   background-color: var(--popout-color);
   border-radius: var(--popout-radius);
   box-shadow: var(--popout-shadow);
@@ -4671,7 +4840,7 @@ body {
  *	SEARCH POPOUT
  *
  */
-.f1c5c9823fbd3ef8-container {
+.container_b6544f {
   background-color: var(--popout-color) !important;
   border-radius: var(--popout-radius) !important;
   box-shadow: var(--popout-shadow) !important;
@@ -4679,33 +4848,34 @@ body {
   backdrop-filter: blur(var(--popout-blur));
 }
 
-._61c9355cca12ab4b-key {
+.key__61c93 {
   height: 20px;
-  padding: 0 6px;
+  padding-block: 0;
+  padding-inline: 6px;
   line-height: 20px;
   background-color: var(--card-color) !important;
   border-radius: var(--card-radius);
   border: none;
   box-shadow: none !important;
 }
-._61c9355cca12ab4b-key:active {
+.key__61c93:active {
   height: 20px;
-  padding-bottom: 0;
+  padding-block-end: 0;
   background-color: var(--card-color-hover) !important;
   border: none !important;
   transform: none;
 }
 
-._55c999adcf6db265-focused {
+.focused__55c99 {
   background-color: transparent !important;
 }
 
-._55c999adcf6db265-queryContainer {
+.queryContainer__55c99 {
   border: none;
   box-shadow: var(--popout-header-shadow);
 }
 
-._56fec8e8b8048fe0-resultsGroup:before {
+.resultsGroup__56fec:before {
   display: none;
 }
 
@@ -4714,19 +4884,19 @@ body {
  *  SOUNDBOARD PICKER
  *
  */
-._09f65b4b8a3f8d26-picker {
+.picker__09f65 {
   background-color: transparent;
   border-radius: var(--popout-radius);
   box-shadow: none;
   overflow: hidden;
 }
-._09f65b4b8a3f8d26-picker:before {
+.picker__09f65:before {
   position: absolute;
   content: " ";
   width: 100%;
   height: 100%;
-  top: 0;
-  left: 0;
+  inset-block-start: 0;
+  inset-inline-start: 0;
   background-color: var(--popout-color);
   border-radius: var(--popout-radius);
   box-shadow: var(--popout-shadow);
@@ -4742,16 +4912,16 @@ body {
   backdrop-filter: blur(var(--popout-blur));
 }
 
-._9be63f0b86033228-soundButton {
+.soundButton__9be63 {
   background-color: var(--card-color);
   border-radius: var(--card-radius);
 }
-._9be63f0b86033228-soundButton ._9be63f0b86033228-buttonOverlayBackground {
+.soundButton__9be63 .buttonOverlayBackground__9be63 {
   background-color: var(--card-color);
   opacity: 1;
 }
 
-._46002dafa54b8395-keybindHint {
+.keybindHint__46002 {
   background-color: var(--card-color);
   border-radius: var(--card-radius);
   border: none;
@@ -4762,17 +4932,17 @@ body {
  *  SPECTATOR MENU
  *
  */
-.d6b206a637c8e59a-scroller {
+.scroller_d6b206 {
   background-color: var(--popout-color) !important;
   border-radius: var(--popout-radius) !important;
   box-shadow: var(--popout-shadow) !important;
   border: none !important;
   backdrop-filter: blur(var(--popout-blur));
 }
-.d6b206a637c8e59a-scroller .memberListItem_ec58fe {
+.scroller_d6b206 .memberListItem_ec58fe {
   border-radius: var(--popout-radius);
 }
-.d6b206a637c8e59a-scroller .memberListItem_ec58fe:not(.ec58feb9e769a16d-popoutDisabled):hover {
+.scroller_d6b206 .memberListItem_ec58fe:not(.popoutDisabled_ec58fe):hover {
   background-color: var(--background-modifier-hover) !important;
 }
 
@@ -4807,19 +4977,19 @@ body {
  *  STREAM PREVIEW POPOUT
  *
  */
-._6da2d8abf659f945-streamPreview {
+.streamPreview__6da2d {
   background-color: transparent !important;
   border-radius: var(--popout-radius) !important;
   box-shadow: none !important;
   overflow: hidden;
 }
-._6da2d8abf659f945-streamPreview:before {
+.streamPreview__6da2d:before {
   position: absolute;
   content: " ";
   width: 100%;
   height: 100%;
-  top: 0;
-  left: 0;
+  inset-block-start: 0;
+  inset-inline-start: 0;
   background-color: var(--popout-color);
   border-radius: var(--popout-radius);
   box-shadow: var(--popout-shadow);
@@ -4827,11 +4997,11 @@ body {
   pointer-events: none;
   z-index: -1;
 }
-._6da2d8abf659f945-streamPreview:before {
+.streamPreview__6da2d:before {
   width: 252px;
-  left: 16px;
+  inset-inline-start: 16px;
 }
-._6da2d8abf659f945-streamPreview ._6da2d8abf659f945-previewContainer {
+.streamPreview__6da2d .previewContainer__6da2d {
   background-color: transparent !important;
   box-shadow: var(--card-header-shadow);
   border: none !important;
@@ -4842,19 +5012,19 @@ body {
  *  THREADS POPOUT
  *
  */
-.d9c8822889d1d4a1-container {
+.container_d9c882 {
   background-color: var(--popout-color);
   border-radius: var(--popout-radius);
   box-shadow: var(--popout-shadow);
   border: none;
   backdrop-filter: blur(var(--popout-blur));
 }
-.d9c8822889d1d4a1-container .d9c8822889d1d4a1-header {
+.container_d9c882 .header_d9c882 {
   background-color: transparent;
   box-shadow: var(--card-header-shadow);
   border: none;
 }
-.d9c8822889d1d4a1-container .searchBox_d9c882 {
+.container_d9c882 .searchBox_d9c882 {
   min-height: auto;
   height: auto;
   border-radius: var(--input-radius);
@@ -4863,34 +5033,34 @@ body {
   color: var(--textarea-text-color);
   transition: var(--transition-time) var(--transition-type);
 }
-.d9c8822889d1d4a1-container .searchBox_d9c882:has(input:focus, textarea:focus) {
+.container_d9c882 .searchBox_d9c882:has(input:focus, textarea:focus) {
   background-color: rgba(var(--textarea-color), var(--textarea-alpha-focus));
   outline: none !important;
 }
-.d9c8822889d1d4a1-container ._6764bd76e0340219-container {
+.container_d9c882 .container__6764b {
   background-color: var(--card-color);
   border-radius: var(--card-radius);
   border: none;
 }
-.d9c8822889d1d4a1-container ._6764bd76e0340219-container:hover {
+.container_d9c882 .container__6764b:hover {
   background-color: var(--card-color-hover);
   border: none;
 }
 
-._76f047ded9fef6d4-popout {
+.popout__76f04 {
   background-color: var(--popout-color);
   border-radius: var(--popout-radius);
   box-shadow: var(--popout-shadow);
   border: none;
   backdrop-filter: blur(var(--popout-blur));
 }
-._76f047ded9fef6d4-popout ._76f047ded9fef6d4-row {
+.popout__76f04 .row__76f04 {
   border-radius: var(--list-item-radius);
 }
-._76f047ded9fef6d4-popout ._76f047ded9fef6d4-row:hover {
+.popout__76f04 .row__76f04:hover {
   background-color: var(--background-modifier-hover);
 }
-._76f047ded9fef6d4-popout ._76f047ded9fef6d4-more {
+.popout__76f04 .more__76f04 {
   color: hsl(var(--accent-hsl));
 }
 
@@ -4899,7 +5069,7 @@ body {
  *  USER POPOUT
  *
  */
-.c0bea05627c5dc35-outer:not(.custom-user-profile-theme) {
+.outer_c0bea0:not(.custom-user-profile-theme) {
   --background-surface-high: var(--popout-color) !important;
   --user-profile-overlay-background: var(--profile-gradient-primary-color) !important;
   --profile-gradient-primary-color: var(--popout-color) !important;
@@ -4909,26 +5079,26 @@ body {
   --bg-surface-overlay: var(--profile-gradient-primary-color) !important;
   --bg-mod-faint: var(--profile-body-background-color) !important;
 }
-.c0bea05627c5dc35-outer.theme-light:not(.custom-user-profile-theme) {
+.outer_c0bea0:not(.custom-user-profile-theme).theme-light {
   --textarea-color: 0,0,0;
   --textarea-text-color: hsl(0,0%,30%);
   --textarea-placeholder-color: hsl(0,0%,40%);
   --background-modifier-selected: hsl(0,0%,0%,0.125);
 }
-.c0bea05627c5dc35-outer:not(.custom-user-profile-theme):before {
+.outer_c0bea0:not(.custom-user-profile-theme):before {
   background-color: var(--profile-gradient-primary-color);
 }
 
 .custom-user-profile-theme {
   --card-color: rgb(var(--bg-overlay-color)/var(--bg-overlay-opacity-6));
 }
-.custom-user-profile-theme ._201d5e8a3c09670a-lookFilled {
+.custom-user-profile-theme .lookFilled__201d5 {
   --button-background: var(--profile-gradient-button-color);
   --button-text-color: var(--white-500);
   --accent-button-action: var(--white-500);
 }
 
-.c0bea05627c5dc35-outer {
+.outer_c0bea0 {
   background-color: transparent;
   border-radius: var(--popout-radius);
   box-shadow: none;
@@ -4936,13 +5106,13 @@ body {
   border-radius: var(--popout-radius);
   overflow: initial;
 }
-.c0bea05627c5dc35-outer:before {
+.outer_c0bea0:before {
   position: absolute;
   content: " ";
   width: 100%;
   height: 100%;
-  top: 0;
-  left: 0;
+  inset-block-start: 0;
+  inset-inline-start: 0;
   background-color: transparent;
   border-radius: var(--popout-radius);
   box-shadow: var(--popout-shadow);
@@ -4950,30 +5120,30 @@ body {
   pointer-events: none;
   z-index: -1;
 }
-.c0bea05627c5dc35-outer * {
+.outer_c0bea0 * {
   text-shadow: none;
 }
-.c0bea05627c5dc35-outer svg {
+.outer_c0bea0 svg {
   filter: none;
 }
-.c0bea05627c5dc35-outer .ce832809562bf737-menus > .c1e9c47c23f12ca3-menu:before {
+.outer_c0bea0 .menus_ce8328 > .menu_c1e9c4:before {
   display: none;
 }
 
-.c0bea05627c5dc35-inner {
+.inner_c0bea0 {
   border-radius: calc(var(--popout-radius) / 1.25);
 }
-.c0bea05627c5dc35-inner:before {
+.inner_c0bea0:before {
   border-radius: inherit;
 }
-.c0bea05627c5dc35-inner ._44b0c28be7879b7b-wrapper circle {
+.inner_c0bea0 .wrapper__44b0c circle {
   fill: var(--profile-avatar-border-color);
 }
-.c0bea05627c5dc35-inner ._0ed4fc708cdbac0d-inputWrapper, .c0bea05627c5dc35-inner ._72c3859781ebce8f-wrapper {
+.inner_c0bea0 .wrapper__72c38 {
   border-radius: 18px;
   border: none;
 }
-.c0bea05627c5dc35-inner ._0f0849b61557225e-input::-webkit-input-placeholder {
+.inner_c0bea0 .input__0f084::-webkit-input-placeholder {
   color: var(--textarea-placeholder-color);
 }
 
@@ -4981,11 +5151,11 @@ body {
   border-radius: calc(var(--popout-radius) / 1.25) calc(var(--popout-radius) / 1.25) 0 0;
 }
 
-._68edb95846a37624-banner {
+.banner__68edb {
   border-radius: calc(var(--popout-radius) / 1.25) calc(var(--popout-radius) / 1.25) 0 0;
 }
 
-._8061a5f9dbf6d829-container {
+.container__8061a {
   padding: 2px;
   background-color: var(--card-color) !important;
   border-radius: 12px;
@@ -4997,27 +5167,27 @@ body {
 }
 
 .biteSizeInnerThemed_c69a7b {
-  padding-bottom: 0;
+  padding-block-end: 0;
 }
 
-.statusBubbleOuter_a82ccc, .statusBubbleOuter_af9888, .ab86098b36386ff7-outer,
-.ab86098b36386ff7-inner {
+.statusBubbleOuter_a82ccc, .statusBubbleOuter_af9888, .outer_ab8609,
+.inner_ab8609 {
   background-color: var(--card-color);
   border-radius: var(--popout-radius);
 }
 
-.statusBubbleOuter_a82ccc, .statusBubbleOuter_af9888, .ab86098b36386ff7-outer {
+.statusBubbleOuter_a82ccc, .statusBubbleOuter_af9888, .outer_ab8609 {
   border: none !important;
 }
-.statusBubbleOuter_a82ccc:before, .statusBubbleOuter_af9888:before, .ab86098b36386ff7-outer:before, .statusBubbleOuter_a82ccc:after, .statusBubbleOuter_af9888:after, .ab86098b36386ff7-outer:after {
+.statusBubbleOuter_a82ccc:before, .statusBubbleOuter_a82ccc:after, .statusBubbleOuter_af9888:before, .statusBubbleOuter_af9888:after, .outer_ab8609:before, .outer_ab8609:after {
   border: inherit !important;
 }
 
-.ab86098b36386ff7-inner {
+.inner_ab8609 {
   backdrop-filter: blur(var(--popout-blur));
 }
 
-.custom-theme-background .c1e9c47c23f12ca3-menu {
+.custom-theme-background .menu_c1e9c4 {
   border: none;
 }
 
@@ -5025,17 +5195,17 @@ body {
   border-radius: var(--popout-radius);
 }
 
-.dfa8b6b94cddb191-role, ._5d7c9a81ac5dd074-role {
+.role_dfa8b6, .role__5d7c9 {
   background-color: var(--background-modifier-selected);
   border-radius: 11px;
   border: none;
 }
 
 .note_c90ad7 {
-  margin-left: 0;
-  margin-right: 0;
+  margin-inline-start: 0;
+  margin-inline-end: 0;
 }
-.note_c90ad7 ._0f0849b61557225e-input {
+.note_c90ad7 .input__0f084 {
   height: unset;
   font-size: 14px;
   line-height: 16px;
@@ -5062,19 +5232,19 @@ body {
  *  VOICE CONNECTED
  *
  */
-._50387b5c048bc9e1-container {
+.container__50387 {
   background-color: transparent;
   border-radius: var(--popout-radius);
   box-shadow: none;
   overflow: hidden;
 }
-._50387b5c048bc9e1-container:before {
+.container__50387:before {
   position: absolute;
   content: " ";
   width: 100%;
   height: 100%;
-  top: 0;
-  left: 0;
+  inset-block-start: 0;
+  inset-inline-start: 0;
   background-color: var(--popout-color);
   border-radius: var(--popout-radius);
   box-shadow: var(--popout-shadow);
@@ -5088,17 +5258,18 @@ body {
  *  SERVER FOLDERS
  *
  */
-.b18fe29d6fe8dd82-hiddenVisually {
+.hiddenVisually_b18fe2 {
   background-color: transparent;
 }
-.b18fe29d6fe8dd82-hiddenVisually.hover__48112 {
+.hiddenVisually_b18fe2.hover__48112 {
   background-color: var(--server-folder-color);
 }
 
-.ef3116c2da186559-unreadMentionsIndicatorTop + .ef3116c2da186559-itemsContainer .b18fe29d6fe8dd82-hiddenVisually {
+.unreadMentionsIndicatorTop_ef3116 + .itemsContainer_ef3116 .hiddenVisually_b18fe2 {
   background-color: var(--server-folder-color);
 }
-[style*="background-color: rgba(88, 101, 242, 0.4)"]._48112cbe77dc5022-folderPreviewWrapper {
+
+.folderPreviewWrapper__48112[style*="background-color: rgba(88, 101, 242, 0.4)"] {
   background-color: hsla(var(--accent-hsl), 0.4) !important;
 }
 
@@ -5107,52 +5278,60 @@ body {
  *  SERVERS LIST
  *
  */
-.ef3116c2da186559-wrapper {
-  margin-bottom: calc(var(--custom-app-panels-height, 0) + 10px);
-  background-color: var(--sidebar-color);
+.wrapper_ef3116 {
+  margin-block-end: calc(var(--custom-app-panels-height, 0) + 10px);
+  background-color: transparent;
 }
-.ef3116c2da186559-wrapper .ef3116c2da186559-tree:focus {
+.wrapper_ef3116 .tree_ef3116:focus {
   outline: none;
 }
 
-.ef3116c2da186559-scroller {
+.scroller_ef3116 {
+  padding-block-start: var(--space-12);
   background-color: transparent !important;
 }
-
-._650eb104245d257b-listItem svg {
+.scroller_ef3116 svg {
   filter: none;
 }
 
-._6e9f8dce4cc18de3-childWrapper,
-._5bc7ed9d4097f6b5-circleIconButton {
+.platform-win .scroller_ef3116 {
+  padding-block-start: var(--space-12);
+}
+
+.childWrapper__6e9f8,
+.circleIconButton__5bc7e {
   background-color: hsla(var(--accent-hsl), var(--accent-opacity)) !important;
   color: var(--accent-text-color) !important;
 }
 
-._3b95d7d910416e54-mention {
+.mention__3b95d {
   background-color: hsla(var(--accent-hsl), var(--accent-opacity));
   color: var(--accent-text-color);
 }
 
-._2b1f52e43a8f1c02-numberBadge {
+.numberBadge__2b1f5 {
   background-color: hsla(var(--accent-hsl), var(--accent-opacity)) !important;
   color: var(--accent-text-color) !important;
 }
 
-._650eb104245d257b-iconBadge.participating__64cf0 {
+.iconBadge__650eb.participating__64cf0 {
   background-color: hsla(var(--accent-hsl), var(--accent-opacity));
 }
-._650eb104245d257b-iconBadge.participating__64cf0 path {
+.iconBadge__650eb.participating__64cf0 path {
   fill: var(--accent-text-color);
 }
+.iconBadge__650eb.isCurrentUserConnected__650eb {
+  background-color: hsla(var(--accent-hsl), var(--accent-opacity));
+  color: var(--accent-text-color);
+}
 
-._581051df43c5ebb6-item {
+.item__58105 {
   background-color: var(--notification-color);
 }
 
 .footer__214dc {
-  margin-top: 8px;
-  padding-top: 0;
+  margin-block-start: 8px;
+  padding-block-start: 0;
   background-color: transparent;
 }
 
@@ -5165,20 +5344,20 @@ body {
  *	SERVER SETTING AUDIT LOG
  *
  */
-._43dab84f7529cb48-auditLog {
+.auditLog__43dab {
   background-color: var(--card-color);
   border-radius: var(--card-radius);
   border: none;
   overflow: hidden;
 }
-._43dab84f7529cb48-auditLog ._43dab84f7529cb48-header,
-._43dab84f7529cb48-auditLog ._43dab84f7529cb48-changeDetails {
+.auditLog__43dab .header__43dab,
+.auditLog__43dab .changeDetails__43dab {
   background-color: transparent;
 }
-._43dab84f7529cb48-auditLog ._43dab84f7529cb48-headerExpanded {
+.auditLog__43dab .headerExpanded__43dab {
   box-shadow: var(--popout-header-shadow);
 }
-._43dab84f7529cb48-auditLog ._43dab84f7529cb48-divider {
+.auditLog__43dab .divider__43dab {
   display: none;
 }
 
@@ -5187,51 +5366,51 @@ body {
  *  SERVER SETTINGS AUTOMOD
  *
  */
-.a25a68d7be1be409-editCard {
+.editCard_a25a68 {
   background-color: var(--card-color);
   border-radius: var(--card-radius);
   border: none;
 }
-.a25a68d7be1be409-editCard:before {
+.editCard_a25a68:before {
   display: none;
 }
-.a25a68d7be1be409-editCard.active_ef2ec5 {
+.editCard_a25a68.active_ef2ec5 {
   background-color: var(--card-color) !important;
 }
-.a25a68d7be1be409-editCard .c5e6a11cf27336f8-ruleIconContainer {
+.editCard_a25a68 .ruleIconContainer_c5e6a1 {
   background-color: var(--card-color);
 }
-.a25a68d7be1be409-editCard .bc45130a46a61b36-actionContainer {
+.editCard_a25a68 .actionContainer_bc4513 {
   background-color: var(--card-color);
 }
 
-._217b73c8e5e3ff6d-collapseable {
+.collapseable__217b7 {
   background-color: var(--card-color);
   border-radius: var(--card-radius);
   border: none;
 }
-._217b73c8e5e3ff6d-collapseable:active {
+.collapseable__217b7:active {
   background-color: var(--card-color) !important;
 }
-._217b73c8e5e3ff6d-collapseable:before {
+.collapseable__217b7:before {
   display: none;
 }
 
-.c5e6a11cf27336f8-actionContainer {
-  margin-top: 28px;
+.actionContainer_c5e6a1 {
+  margin-block-start: 28px;
 }
 
-.b6c6eb5e65b969d2-stepCountIcon {
+.stepCountIcon_b6c6eb {
   background-color: var(--card-color);
 }
 
-.ed9c90c31c2038a5-mentionLimitContainer {
+.mentionLimitContainer_ed9c90 {
   background-color: var(--card-color);
   border-radius: var(--card-radius);
   border: none;
 }
 
-.ed9c90c31c2038a5-stepperContainer {
+.stepperContainer_ed9c90 {
   padding: 0;
   min-height: var(--input-height);
   height: var(--input-height);
@@ -5241,21 +5420,21 @@ body {
   color: var(--textarea-text-color);
   transition: var(--transition-time) var(--transition-type);
 }
-.ed9c90c31c2038a5-stepperContainer:has(input:focus, textarea:focus) {
+.stepperContainer_ed9c90:has(input:focus, textarea:focus) {
   background-color: rgba(var(--textarea-color), var(--textarea-alpha-focus));
   outline: none !important;
 }
-.ed9c90c31c2038a5-stepperContainer .ed9c90c31c2038a5-stepper {
+.stepperContainer_ed9c90 .stepper_ed9c90 {
   border-radius: var(--input-radius);
 }
-.ed9c90c31c2038a5-stepperContainer .iconWrapper__0d13e {
+.stepperContainer_ed9c90 .iconWrapper__0d13e {
   background-color: transparent;
 }
-.ed9c90c31c2038a5-stepperContainer .iconWrapper__0d13e .icon_bb7288 {
+.stepperContainer_ed9c90 .iconWrapper__0d13e .icon_bb7288 {
   width: var(--input-height);
   height: var(--input-height);
 }
-.ed9c90c31c2038a5-stepperContainer ._0f0849b61557225e-input {
+.stepperContainer_ed9c90 .input__0f084 {
   background-color: transparent;
 }
 
@@ -5264,7 +5443,7 @@ body {
  *  SERVER SETTINGS BANNED USERS
  *
  */
-._4b8d892e5bcb9bd7-scrollerContainer {
+.scrollerContainer__4b8d8 {
   background-color: var(--card-color);
   border-radius: var(--card-radius);
   border: none;
@@ -5276,47 +5455,50 @@ body {
  *  SERVER SETTINGS CONTENT MODERATION
  *
  */
-.b6c6eb5e65b969d2-triggerMainContainer {
-  margin: 8px 0;
+.triggerMainContainer_b6c6eb {
+  margin-block: 8px;
+  margin-inline: 0;
   padding: 0;
   border: none;
 }
 
 .keywordListContainer__09e76,
-._6446fb2bd9a3c2e5-actionContainer {
-  padding: 12px 16px;
+.actionContainer__6446f {
+  padding-block: 12px;
+  padding-inline: 16px;
   background-color: var(--card-color);
   border-radius: var(--card-radius);
   border: none;
 }
 .keywordListContainer__09e76:hover,
-._6446fb2bd9a3c2e5-actionContainer:hover {
+.actionContainer__6446f:hover {
   background-color: var(--card-color-hover);
   border: none;
 }
 
-._6446fb2bd9a3c2e5-actionContainer ._6446fb2bd9a3c2e5-actionContainer {
+.actionContainer__6446f .actionContainer__6446f {
   padding: 0;
   background-color: transparent;
 }
 
-._6a63119adb6c6ba0-keywordsTextArea {
+.keywordsTextArea__6a631 {
   background-color: rgba(var(--textarea-color), var(--textarea-alpha));
   border-radius: 18px;
   border: none;
   transition: var(--transition-time) var(--transition-type);
 }
-._6a63119adb6c6ba0-keywordsTextArea:focus {
+.keywordsTextArea__6a631:focus {
   background-color: rgba(var(--textarea-color), var(--textarea-alpha-focus));
 }
-._6a63119adb6c6ba0-keywordsTextArea::-webkit-input-placeholder {
+.keywordsTextArea__6a631::-webkit-input-placeholder {
   color: var(--textarea-placeholder-color);
 }
 
-._1abf5dc345ecb493-dividerContainer {
-  margin: 6px auto 0;
+.dividerContainer__1abf5 {
+  margin-block: 6px 0;
+  margin-inline: auto;
 }
-._1abf5dc345ecb493-dividerContainer ._1abf5dc345ecb493-dividierIcon {
+.dividerContainer__1abf5 .dividierIcon__1abf5 {
   color: var(--text-muted);
 }
 
@@ -5331,7 +5513,7 @@ body {
   border: none;
 }
 
-._99871ef1d8f8adaa-header, .checklistHeader-3liG7E {
+.header__99871, .checklistHeader-3liG7E {
   background-color: transparent;
   box-shadow: var(--card-header-shadow);
   border: none;
@@ -5342,16 +5524,18 @@ body {
  *  SERVER SETTINGS EMOJI
  *
  */
-.e7d73e5106887df1-emojiRow:before {
+.emojiRow_e7d73e:before {
   background-color: var(--background-modifier-hover);
 }
-.e7d73e5106887df1-emojiRow ._0f0849b61557225e-input {
-  padding: 0 12px;
+.emojiRow_e7d73e .input__0f084 {
+  padding-block: 0;
+  padding-inline: 12px;
 }
-.e7d73e5106887df1-emojiRow .emojiAliasPlaceholder_e7d73e {
+.emojiRow_e7d73e .emojiAliasPlaceholder_e7d73e {
   height: var(--input-height);
   line-height: var(--input-height);
-  padding: 1px 12px 0;
+  padding-block: 1px 0;
+  padding-inline: 12px;
 }
 
 /*
@@ -5377,13 +5561,14 @@ body {
   margin: 16px;
 }
 .memberInsightsContainer_cfaf72 .insightsActions_cfaf72 {
-  margin: 0 16px 16px;
+  margin-block: 0 16px;
+  margin-inline: 16px;
   background-color: var(--card-color);
   border-radius: var(--card-radius);
   border: none;
 }
 
-._540ed2de1cc1ed38-developerPortalCtaWrapper {
+.developerPortalCtaWrapper__540ed {
   background-color: var(--card-color);
 }
 
@@ -5401,17 +5586,17 @@ body {
   height: auto;
 }
 
-._4bb93312e84f332e-card:before {
+.card__4bb93:before {
   background-color: var(--card-color-hover);
   border-radius: var(--card-radius);
 }
-.active._4bb93312e84f332e-card:before {
+.card__4bb93.active:before {
   background-color: var(--card-color-hover);
   opacity: 1;
 }
 
 /* SERVER LISTS -> MEMBERS LIST */
-.member-2cj2PI .dfa8b6b94cddb191-role, .member-2cj2PI ._5d7c9a81ac5dd074-role {
+.member-2cj2PI .role_dfa8b6, .member-2cj2PI .role__5d7c9 {
   background-color: var(--background-modifier-active);
 }
 
@@ -5420,12 +5605,12 @@ body {
  *  SERVER SETTINGS PARTNER PROGRAM
  *
  */
-.feature-2IUcBI, ._7dd5e5d187db8f31-featureCard {
+.featureCard__7dd5e {
   background-color: var(--card-color);
   border-radius: var(--card-radius);
   border: none;
 }
-.feature-2IUcBI ._7dd5e5d187db8f31-featureIcon, ._7dd5e5d187db8f31-featureCard ._7dd5e5d187db8f31-featureIcon {
+.featureCard__7dd5e .featureIcon__7dd5e {
   background-color: var(--card-color);
 }
 
@@ -5446,18 +5631,18 @@ body {
  *  SERVER SETTINGS PERMISSIONS
  *
  */
-._1a4ef2934d882343-settingCard {
+.settingCard__1a4ef {
   background-color: var(--card-color);
   border-radius: var(--card-radius);
   border: none;
 }
-._1a4ef2934d882343-settingCard.active_dd864e {
+.settingCard__1a4ef.active_dd864e {
   background-color: var(--card-color);
   border-radius: var(--card-radius);
   border: none;
   overflow: hidden;
 }
-._1a4ef2934d882343-settingCard.active_dd864e .f62fcea76cf9e158-cardContent {
+.settingCard__1a4ef.active_dd864e .cardContent_f62fce {
   box-shadow: var(--card-header-shadow);
 }
 
@@ -5465,25 +5650,25 @@ body {
   background-color: transparent;
 }
 
-._344e69670924b1be-group {
+.group__344e6 {
   background-color: var(--card-color);
   border-radius: var(--card-radius);
   border: none;
   overflow: hidden;
 }
 
-._344e69670924b1be-item {
+.item__344e6 {
   cursor: pointer;
 }
 
-._344e69670924b1be-selected._344e69670924b1be-deny {
+.selected__344e6.deny__344e6 {
   background-color: hsla(359, calc(var(--saturation-factor, 1) * 82.6%), 59.4%, 0.65);
   border-radius: var(--card-radius) 0 0 var(--card-radius);
 }
-._344e69670924b1be-selected._344e69670924b1be-passthrough {
+.selected__344e6.passthrough__344e6 {
   background-color: hsla(217, 8%, 41%, 0.65);
 }
-._344e69670924b1be-selected._344e69670924b1be-allow {
+.selected__344e6.allow__344e6 {
   background-color: hsl(139, calc(var(--saturation-factor, 1) * 47.3%), 43.9%, 0.65);
   border-radius: 0 var(--card-radius) var(--card-radius) 0;
 }
@@ -5502,38 +5687,38 @@ body {
  *  SERVER SETTINGS ROLES
  *
  */
-.d8f25bf4f76423e6-container {
+.container_d8f25b {
   background-color: var(--card-color);
   border-radius: var(--card-radius);
   border: none;
 }
-.d8f25bf4f76423e6-container:hover {
+.container_d8f25b:hover {
   background-color: var(--card-color-hover);
   border: none;
 }
 
-._5f97b45169dc1b9d-roleRow .button__292b6 {
+.roleRow__5f97b .button__292b6 {
   background-color: var(--background-modifier-active);
 }
-._5f97b45169dc1b9d-roleRow:hover .button__292b6 {
+.roleRow__5f97b:hover .button__292b6 {
   background-color: var(--background-modifier-active) !important;
 }
-._5f97b45169dc1b9d-roleRow:hover .button__292b6:hover {
+.roleRow__5f97b:hover .button__292b6:hover {
   background-color: var(--background-modifier-hover) !important;
 }
 
 /* SERVER SETTINGS ROLES -> EDIT ROLE */
-.e29cd7b93c4f1266-titleContainer {
+.titleContainer_e29cd7 {
   position: sticky;
   overflow: hidden;
 }
-.e29cd7b93c4f1266-titleContainer:before {
+.titleContainer_e29cd7:before {
   content: " ";
   position: absolute;
   width: calc(100% + var(--app-margin) * 2);
   height: calc(100% + var(--app-margin) * 2 + 24px);
-  top: calc((var(--app-margin) + 24px) * -1);
-  left: calc(var(--app-margin) * -1);
+  inset-block-start: calc((var(--app-margin) + 24px) * -1);
+  inset-inline-start: calc(var(--app-margin) * -1);
   background-color: transparent;
   background-image: var(--app-bg);
   background-repeat: no-repeat;
@@ -5546,17 +5731,18 @@ body {
   pointer-events: none;
 }
 
-.c6bf1b7af480dfda-header {
-  padding: 60px 8px 0;
+.header_c6bf1b {
+  padding-block: 60px 0;
+  padding-inline: 8px;
   overflow: hidden;
 }
-.c6bf1b7af480dfda-header:before {
+.header_c6bf1b:before {
   content: " ";
   position: absolute;
   width: calc(100% + var(--app-margin) * 2);
   height: calc(100% + var(--app-margin) * 2 + 24px);
-  top: calc((var(--app-margin) + 24px) * -1);
-  left: calc(var(--app-margin) * -1);
+  inset-block-start: calc((var(--app-margin) + 24px) * -1);
+  inset-inline-start: calc(var(--app-margin) * -1);
   background-color: transparent;
   background-image: var(--app-bg);
   background-repeat: no-repeat;
@@ -5591,13 +5777,13 @@ body {
   border: none;
 }
 
-.eaaeee8cdde53fd1-backgroundContainer {
+.backgroundContainer_eaaeee {
   background-color: var(--card-color);
   border-radius: var(--card-radius);
   border: none;
 }
 
-._0a749b746753a420-requirementContainer {
+.requirementContainer__0a749 {
   background-color: rgba(var(--textarea-color), var(--textarea-alpha));
   border-radius: var(--input-radius);
 }
@@ -5621,7 +5807,7 @@ body {
   box-shadow: var(--card-header-shadow);
 }
 
-.eaaeee8cdde53fd1-fieldFooterContainer {
+.fieldFooterContainer_eaaeee {
   background-color: var(--card-color);
   border-radius: 0 0 var(--card-radius) var(--card-radius);
 }
@@ -5633,11 +5819,11 @@ body {
 }
 
 /* SERVER SETTINGS MEMBERSHIP SCREENING -> PREVIEW */
-.b962dc319e969a3f-guildSidebar {
+.guildSidebar_b962dc {
   background-color: var(--sidebar-color);
 }
 
-.b962dc319e969a3f-modal .formFieldWrapper-2LV3S6 {
+.modal_b962dc .formFieldWrapper-2LV3S6 {
   background-color: var(--card-color);
   border-radius: var(--card-radius);
   border: none;
@@ -5654,7 +5840,7 @@ body {
   border: none;
 }
 
-.eae0ef2ab2653087-safetyChecklist {
+.safetyChecklist_eae0ef {
   background-color: var(--card-color);
   border-radius: var(--card-radius);
   border: none;
@@ -5665,48 +5851,50 @@ body {
  *	SERVER SETTINGS STICKERS
  *
  */
-.a36dee84341ac9f5-tier {
+.tier_a36dee {
   background-color: var(--card-color);
   border-radius: var(--card-radius);
   border: none;
 }
-.a36dee84341ac9f5-tier .d87d306172919de5-grid {
-  padding: 0 16px 16px;
+.tier_a36dee .grid_d87d30 {
+  padding-block: 0 16px;
+  padding-inline: 16px;
 }
 
-.a36dee84341ac9f5-tierHeaderLocked,
-.a36dee84341ac9f5-tierHeaderUnlocked {
+.tierHeaderLocked_a36dee,
+.tierHeaderUnlocked_a36dee {
   background-color: transparent !important;
   box-shadow: var(--popout-header-shadow);
 }
 
-.a36dee84341ac9f5-tierBody {
+.tierBody_a36dee {
   background-color: transparent !important;
 }
 
-._83b1d7042b9be375-wrapper {
+.wrapper__83b1d {
   background-color: var(--card-color);
   border-radius: var(--card-radius);
   border: none;
 }
-._83b1d7042b9be375-wrapper:hover {
+.wrapper__83b1d:hover {
   background-color: var(--card-color-hover);
   border: none;
 }
-.c44edb7a6ac077d8-background {
+
+.background_c44edb {
   color: var(--card-color) !important;
 }
 
-.c44edb7a6ac077d8-foreground {
+.foreground_c44edb {
   color: hsla(var(--accent-hsl), var(--accent-opacity));
 }
 
-.theme-dark .c44edb7a6ac077d8-tierInProgress {
+.theme-dark .tierInProgress_c44edb {
   background-color: var(--card-color);
 }
-.theme-dark .c44edb7a6ac077d8-tierAccomplished,
-.theme-dark .c44edb7a6ac077d8-tierCurrent,
-.theme-dark .c44edb7a6ac077d8-tierFirst {
+.theme-dark .tierAccomplished_c44edb,
+.theme-dark .tierCurrent_c44edb,
+.theme-dark .tierFirst_c44edb {
   background: hsla(var(--accent-hsl), var(--accent-opacity));
 }
 
@@ -5715,42 +5903,38 @@ body {
  *  SERVER SETTINGS SERVER TEMPLATE
  *
  */
-._981f723644a1a061-descriptionBox {
+.descriptionBox__981f7 {
   background-color: var(--card-color);
   border-radius: var(--card-radius);
   border: none;
 }
 
-.textArea-3WXAeD {
-  height: auto;
-}
-
-._5ea8ce30885a2f21-enableContainer {
+.enableContainer__5ea8c {
   background-color: var(--card-color);
   border-radius: var(--card-radius) var(--card-radius) 0 0;
   box-shadow: var(--card-header-shadow);
 }
 
-._74a6a7a80cfedda2-previewContainer {
+.previewContainer__74a6a {
   background-color: var(--card-color);
   border-radius: 0 0 var(--card-radius) var(--card-radius);
 }
-._74a6a7a80cfedda2-previewContainer ._74a6a7a80cfedda2-welcomeChannel {
+.previewContainer__74a6a .welcomeChannel__74a6a {
   background-color: var(--card-color);
   border-radius: var(--card-radius);
   border: none;
 }
-._74a6a7a80cfedda2-previewContainer ._74a6a7a80cfedda2-welcomeChannel ._74a6a7a80cfedda2-channelIcon {
+.previewContainer__74a6a .welcomeChannel__74a6a .channelIcon__74a6a {
   background-color: var(--background-modifier-selected);
   border-radius: 50%;
 }
 
-._949ab4d1e52789e8-optionContainer {
+.optionContainer__949ab {
   background-color: var(--card-color);
   border-radius: var(--card-radius);
   border: none;
 }
-._949ab4d1e52789e8-optionContainer:hover {
+.optionContainer__949ab:hover {
   background-color: var(--card-color-hover);
   border: none;
 }
@@ -5760,19 +5944,19 @@ body {
  *  USER SETTINGS ACTIVITY STATUS
  *
  */
-.cc46f0f859f26200-notDetected {
+.notDetected_cc46f0 {
   background-color: var(--card-color) !important;
   border-radius: var(--card-radius) !important;
   border: none !important;
 }
 
-.cc46f0f859f26200-game {
+.game_cc46f0 {
   box-shadow: 0 1px 0 0 var(--background-modifier-accent) !important;
 }
-.cc46f0f859f26200-game .cc46f0f859f26200-gameNameInput {
+.game_cc46f0 .gameNameInput_cc46f0 {
   border: none;
 }
-.cc46f0f859f26200-game .cc46f0f859f26200-gameNameInput:hover, .cc46f0f859f26200-game .cc46f0f859f26200-gameNameInput:focus {
+.game_cc46f0 .gameNameInput_cc46f0:hover, .game_cc46f0 .gameNameInput_cc46f0:focus {
   min-height: auto;
   height: auto;
   border-radius: var(--input-radius);
@@ -5781,11 +5965,11 @@ body {
   color: var(--textarea-text-color);
   transition: var(--transition-time) var(--transition-type);
 }
-.cc46f0f859f26200-game .cc46f0f859f26200-gameNameInput:hover:has(input:focus, textarea:focus), .cc46f0f859f26200-game .cc46f0f859f26200-gameNameInput:focus:has(input:focus, textarea:focus) {
+.game_cc46f0 .gameNameInput_cc46f0:hover:has(input:focus, textarea:focus), .game_cc46f0 .gameNameInput_cc46f0:focus:has(input:focus, textarea:focus) {
   background-color: rgba(var(--textarea-color), var(--textarea-alpha-focus));
   outline: none !important;
 }
-.cc46f0f859f26200-game .cc46f0f859f26200-lastPlayed {
+.game_cc46f0 .lastPlayed_cc46f0 {
   color: var(--text-muted);
 }
 
@@ -5794,22 +5978,22 @@ body {
  *  USER SETTINGS AUTHORIZED APPS
  *
  */
-._50a5493e9d9cc496-authedAppV2 {
+.authedAppV2__50a54 {
   background-color: var(--card-color);
   border-radius: var(--card-radius);
   border: none;
 }
-._50a5493e9d9cc496-authedAppV2 ._50a5493e9d9cc496-headerV2 {
+.authedAppV2__50a54 .headerV2__50a54 {
   background-color: transparent;
   box-shadow: var(--card-header-shadow);
   border: none;
 }
 
-.d84e0fd1f07926c7-actionMenuButton {
+.actionMenuButton_d84e0f {
   background-color: var(--card-color-hover);
   border-radius: 16px;
 }
-.d84e0fd1f07926c7-actionMenuButton:hover, [aria-expanded=true].d84e0fd1f07926c7-actionMenuButton {
+.actionMenuButton_d84e0f:hover, .actionMenuButton_d84e0f[aria-expanded=true] {
   background-color: var(--card-color-select);
 }
 
@@ -5818,31 +6002,31 @@ body {
  *  USER SETTINGS BILLING
  *
  */
-._01014d2e38bd7c76-paymentPane {
+.paymentPane__01014 {
   background-color: var(--card-color) !important;
   border-radius: var(--card-radius) !important;
   border: none !important;
 }
-._01014d2e38bd7c76-paymentPane > ._01014d2e38bd7c76-paymentRow {
+.paymentPane__01014 > .paymentRow__01014 {
   background-color: transparent;
   box-shadow: var(--card-header-shadow);
   border: none;
 }
-._01014d2e38bd7c76-paymentPane .paginator__01014 {
+.paymentPane__01014 .paginator__01014 {
   background-color: transparent !important;
 }
-._01014d2e38bd7c76-paymentPane ._01014d2e38bd7c76-bottomDivider.d125d22cdfd32cfe-scrollerBase {
+.paymentPane__01014 .bottomDivider__01014.scrollerBase_d125d2 {
   border-bottom: none;
 }
 
-.e9cb00d6250845ad-payment {
+.payment_e9cb00 {
   background-color: transparent !important;
 }
-.e9cb00d6250845ad-payment._01014d2e38bd7c76-bottomDivider {
+.payment_e9cb00.bottomDivider__01014 {
   border-bottom-color: hsla(0, 0%, 100%, 0.1);
 }
 
-.e9cb00d6250845ad-expandedInfo {
+.expandedInfo_e9cb00 {
   background-color: var(--card-color) !important;
   border-radius: var(--card-radius) !important;
   border: none !important;
@@ -5868,12 +6052,17 @@ body {
   border-radius: 0 21px 21px 0;
 }
 
-.c7f964e7e0fc8b47-connection {
+/*
+ *
+ *  USER SETTINGS CONNECTIONS
+ *
+ */
+.connection_c7f964 {
   background-color: var(--card-color);
   border-radius: var(--card-radius);
   border: none;
 }
-.c7f964e7e0fc8b47-connection .c7f964e7e0fc8b47-connectionHeader {
+.connection_c7f964 .connectionHeader_c7f964 {
   background-color: transparent;
   box-shadow: var(--card-header-shadow);
   border: none;
@@ -5884,19 +6073,19 @@ body {
  *  USER SETTINGS DEVICES
  *
  */
-._803f2f55621144fb-session {
+.session__803f2 {
   padding: 16px;
   background-color: var(--card-color);
 }
-._803f2f55621144fb-session:first-of-type {
-  margin-top: 12px;
+.session__803f2:first-of-type {
+  margin-block-start: 12px;
   border-radius: var(--card-radius) var(--card-radius) 0 0;
 }
-._803f2f55621144fb-session:last-of-type {
+.session__803f2:last-of-type {
   border-radius: 0 0 var(--card-radius) var(--card-radius);
   border-bottom: none;
 }
-._803f2f55621144fb-session:only-child {
+.session__803f2:only-child {
   border-radius: var(--card-radius);
 }
 
@@ -5905,37 +6094,37 @@ body {
  *  USER SETTINGS FAMILY CENTER
  *
  */
-._5dbf818b58a61b59-container {
+.container__5dbf8 {
   background-color: var(--card-color);
   border-radius: var(--card-radius);
   border: none;
 }
 
-._8cc9a9c411c88ba2-container {
+.container__8cc9a {
   background-color: var(--card-color);
   border-radius: var(--card-radius);
   border: none;
 }
 
-._5b32177e89c63961-container, ._5b32177e89c63961-container ._0624fc41b766635c-row {
+.container__5b321, .container__5b321 .row__0624f {
   background-color: var(--card-color);
   border-radius: var(--card-radius);
   border: none;
 }
-._5b32177e89c63961-container ._0624fc41b766635c-iconContainer {
+.container__5b321 .iconContainer__0624f {
   background-color: var(--background-modifier-hover);
 }
 
-.f8c98cc3d7c1bc42-box, .d9914bd9cd9c033f-box {
+.box_f8c98c, .box_d9914b {
   background-color: var(--card-color);
   border-radius: var(--card-radius);
   border: none;
 }
-.f8c98cc3d7c1bc42-box .d9914bd9cd9c033f-stepNumber, .d9914bd9cd9c033f-box .d9914bd9cd9c033f-stepNumber {
+.box_f8c98c .stepNumber_d9914b, .box_d9914b .stepNumber_d9914b {
   background-color: var(--background-modifier-hover);
 }
 
-._74f9030597917893-enableCard {
+.enableCard__74f90 {
   background-color: var(--card-color);
   border-radius: var(--card-radius);
   border: none;
@@ -5946,14 +6135,14 @@ body {
  *  USER SETTINGS GAME OVERLAY
  *
  */
-.e03935f4f4b2af0c-wrapper {
+.wrapper_e03935 {
   border-radius: var(--card-radius);
   border-color: hsla(var(--accent-hsl), var(--accent-opacity));
 }
-.e03935f4f4b2af0c-wrapper .e03935f4f4b2af0c-option {
+.wrapper_e03935 .option_e03935 {
   border-radius: var(--card-radius);
 }
-.e03935f4f4b2af0c-wrapper .e03935f4f4b2af0c-option:hover, .e03935f4f4b2af0c-wrapper .e03935f4f4b2af0c-option.e03935f4f4b2af0c-selected {
+.wrapper_e03935 .option_e03935:hover, .wrapper_e03935 .option_e03935.selected_e03935 {
   background-color: hsla(var(--accent-hsl), var(--accent-opacity));
   border-color: hsla(var(--accent-hsl), var(--accent-opacity));
 }
@@ -5963,7 +6152,7 @@ body {
  *  USER SETTINGS KEYBINDS
  *
  */
-._2636e15ac7a66a8d-keybindInput {
+.keybindInput__2636e {
   min-height: var(--input-height);
   height: var(--input-height);
   border-radius: var(--input-radius);
@@ -5972,7 +6161,7 @@ body {
   color: var(--textarea-text-color);
   transition: var(--transition-time) var(--transition-type);
 }
-._2636e15ac7a66a8d-keybindInput:has(input:focus, textarea:focus) {
+.keybindInput__2636e:has(input:focus, textarea:focus) {
   background-color: rgba(var(--textarea-color), var(--textarea-alpha-focus)) !important;
   outline: none !important;
 }
@@ -5982,44 +6171,44 @@ body {
  *  USER SETTINGS MY ACCOUNT
  *
  */
-._1fed1dd06c7aabf7-accountProfileCard {
+.accountProfileCard__1fed1 {
   background-color: var(--card-color);
   border-radius: var(--card-radius);
   border: none;
 }
-._1fed1dd06c7aabf7-accountProfileCard ._44b0c28be7879b7b-wrapper {
+.accountProfileCard__1fed1 .wrapper__44b0c {
   background-color: transparent;
   border: none;
   box-shadow: var(--popout-shadow);
 }
-._1fed1dd06c7aabf7-accountProfileCard ._44b0c28be7879b7b-wrapper svg {
+.accountProfileCard__1fed1 .wrapper__44b0c svg {
   filter: none;
 }
-._1fed1dd06c7aabf7-accountProfileCard ._1fed1dd06c7aabf7-background {
+.accountProfileCard__1fed1 .background__1fed1 {
   background-color: var(--card-color);
   border-radius: var(--card-radius);
   border: none;
 }
-._1fed1dd06c7aabf7-accountProfileCard ._1fed1dd06c7aabf7-background ._1fed1dd06c7aabf7-fieldList {
+.accountProfileCard__1fed1 .background__1fed1 .fieldList__1fed1 {
   background-color: transparent;
 }
 
-._6c75d92c128c46b0-credentialList {
-  margin-bottom: 16px;
+.credentialList__6c75d {
+  margin-block-end: 16px;
   padding: 8px;
   background-color: var(--card-color);
   border-radius: var(--card-radius);
   border: none;
 }
 
-._6c75d92c128c46b0-credentialItem {
+.credentialItem__6c75d {
   border-radius: calc(var(--card-radius) / 1.65);
   border-top: none;
 }
-._6c75d92c128c46b0-credentialItem:not(:last-child) {
-  margin-bottom: 0;
+.credentialItem__6c75d:not(:last-child) {
+  margin-block-end: 0;
 }
-._6c75d92c128c46b0-credentialItem:hover {
+.credentialItem__6c75d:hover {
   background-color: var(--background-modifier-hover);
 }
 
@@ -6028,26 +6217,26 @@ body {
  *  USER SETTINGS PARYT MODE
  *
  */
-.f8824b9540b055b4-achievementContainer {
+.achievementContainer_f8824b {
   background-color: var(--card-color);
   border-radius: var(--card-radius);
   border: none;
 }
-.f8824b9540b055b4-achievementContainer:hover {
+.achievementContainer_f8824b:hover {
   background-color: var(--card-color-hover);
   border: none;
 }
 
-._8e75f9d969241b38-container {
+.container__8e75f {
   background-color: var(--card-color);
   border-radius: var(--card-radius);
   border: none;
 }
-._8e75f9d969241b38-container:hover {
+.container__8e75f:hover {
   background-color: var(--card-color-hover);
   border: none;
 }
-._8e75f9d969241b38-container .e6b06524a3befa54-container {
+.container__8e75f .container_e6b065 {
   background-color: var(--card-color);
 }
 
@@ -6062,8 +6251,8 @@ body {
   content: " ";
   width: 100%;
   height: 100%;
-  top: 0;
-  left: 0;
+  inset-block-start: 0;
+  inset-inline-start: 0;
   background-color: var(--popout-color);
   border-radius: var(--popout-radius);
   box-shadow: var(--popout-shadow);
@@ -6071,27 +6260,27 @@ body {
   pointer-events: none;
   z-index: -1;
 }
-.container_e48555 .e6b06524a3befa54-container {
+.container_e48555 .container_e6b065 {
   background-color: rgba(0, 0, 0, 0.35);
 }
-.container_e48555 .text-md-semibold-3xVVGu,
-.container_e48555 .text-xs-medium-2LRpEj {
+.container_e48555 .text-md\/semibold_cf4812,
+.container_e48555 .text-xs\/medium_cf4812 {
   color: var(--text-normal) !important;
 }
 
-._257afd0547709ecc-comboNameplate {
+.comboNameplate__257af {
   background-color: transparent;
   border-radius: var(--popout-radius);
   box-shadow: none;
   overflow: hidden;
 }
-._257afd0547709ecc-comboNameplate:before {
+.comboNameplate__257af:before {
   position: absolute;
   content: " ";
   width: 100%;
   height: 100%;
-  top: 0;
-  left: 0;
+  inset-block-start: 0;
+  inset-inline-start: 0;
   background-color: var(--popout-color);
   border-radius: var(--popout-radius);
   box-shadow: var(--popout-shadow);
@@ -6099,7 +6288,7 @@ body {
   pointer-events: none;
   z-index: -1;
 }
-._257afd0547709ecc-comboNameplate ._257afd0547709ecc-comboMultiplier {
+.comboNameplate__257af .comboMultiplier__257af {
   color: hsl(var(--accent-hsl)) !important;
 }
 
@@ -6112,12 +6301,12 @@ body {
  *  USER SETTINGS PROFILE
  *
  */
-._0f7dce48ad846f17-upsellOverlayContainer {
+.upsellOverlayContainer__0f7dc {
   border-radius: var(--card-radius);
   overflow: hidden;
 }
 
-._0f7dce48ad846f17-upsellOverlay {
+.upsellOverlay__0f7dc {
   border-radius: 0;
 }
 
@@ -6125,7 +6314,7 @@ body {
   border-radius: var(--card-radius);
 }
 
-._6a919231d4bdfd4f-bioTextArea {
+.bioTextArea__6a919 {
   background-color: rgba(var(--textarea-color), var(--textarea-alpha));
   border-radius: var(--textarea-radius);
   border: none;
@@ -6146,7 +6335,8 @@ body {
   box-shadow: var(--popout-shadow), inset 0 0 120px rgba(0, 0, 0, 0.75);
 }
 .profileBannerPreview-3mLIdO .fakeActivityWrapper-2i1oU- {
-  padding: 0 16px 0;
+  padding-block: 0;
+  padding-inline: 16px;
 }
 
 /*
@@ -6154,12 +6344,12 @@ body {
  *  USER SETTINGS SERVER BOOST
  *
  */
-._8e08ce7f1f1b7f5a-gradient {
-  margin-bottom: 40px;
+.gradient__8e08c {
+  margin-block-end: 40px;
   border-radius: var(--card-radius);
 }
 
-._9902028ffbba1d6c-header {
+.header__99020 {
   background-color: var(--card-color);
   border-radius: var(--card-radius);
   border: none;
@@ -6169,23 +6359,23 @@ body {
   display: none;
 }
 
-._5dba5003598d9c70-guildContainer,
-._37ae554d51e1c7d1-wrapper {
+.guildContainer__5dba5,
+.wrapper__37ae5 {
   background-color: var(--card-color);
   border-radius: var(--card-radius);
   border: none;
 }
 
-._4d7bb356d058f441-wrapper {
+.wrapper__4d7bb {
   border-radius: var(--card-radius);
 }
-._4d7bb356d058f441-wrapper ._4d7bb356d058f441-card {
+.wrapper__4d7bb .card__4d7bb {
   background-color: var(--card-color-select);
   border-radius: var(--card-radius);
   backdrop-filter: blur(var(--app-blur));
 }
 
-._5b98ee5ec86ed598-wrapper {
+.wrapper__5b98e {
   background-color: var(--card-color);
   border-radius: var(--card-radius);
   border: none;
@@ -6208,11 +6398,11 @@ body {
  *  SETTINGS CONTENT AREA
  *
  */
-._23e6b439306f125a-contentRegion {
+.contentRegion__23e6b {
   background-color: var(--main-content-color);
 }
 
-._9a9f981d3524e20f-container {
+.container__9a9f9 {
   background-color: var(--popout-color) !important;
   border-radius: var(--popout-radius) !important;
   box-shadow: var(--popout-shadow) !important;
@@ -6220,17 +6410,25 @@ body {
   backdrop-filter: blur(var(--popout-blur));
 }
 
-/* SETTINGS CONTENT AREA V2 */
-.e4491282b6a5364a-modal {
-  backdrop-filter: none;
-}
-
-.e9e3ed8b8badfe05-content,
-.e9e3ed8b8badfe05-contentHeader {
+.contentRegionScroller__23e6b {
   background-color: transparent;
 }
 
-._40128e129e4f87de-scrim {
+/* SETTINGS CONTENT AREA V2 */
+.layer__960e4 {
+  background-color: transparent;
+}
+
+.modal_e44912 {
+  backdrop-filter: none;
+}
+
+.content_e9e3ed,
+.contentHeader_e9e3ed {
+  background-color: transparent;
+}
+
+.scrim__40128 {
   backdrop-filter: blur(var(--app-blur));
 }
 
@@ -6239,20 +6437,32 @@ body {
  *  SETTINGS SIDEBAR
  *
  */
-._23e6b439306f125a-sidebarRegionScroller {
+.standardSidebarView__23e6b {
+  margin-block-start: var(--custom-app-top-bar-height);
+  background-color: transparent;
+  border-radius: var(--app-radius);
+  backdrop-filter: blur(var(--app-blur));
+  overflow: hidden;
+}
+
+.sidebarRegionScroller__23e6b {
   background-color: var(--sidebar-color);
 }
 
-.aa8da23faa27393c-side .aa8da23faa27393c-item {
+.platform-win .contentRegionScroller__23e6b {
+  margin-block-start: 0;
+}
+
+.side_aa8da2 .item_aa8da2 {
   border-radius: var(--list-item-radius);
 }
 
-.e681d139d22f277b-selectedBackground {
+.selectedBackground_e681d1 {
   display: none;
 }
 
 /* SETTINGS SIDEBAR V2 */
-._409aa1aeee28d5f7-fixedContent:after {
+.fixedContent__409aa:after {
   display: none;
 }
 
@@ -6261,16 +6471,16 @@ body {
  *	DISCORD SHOP HOME VIEW
  *
  */
-._6db1d32c47b6ad72-shop {
+.shop__6db1d {
   background-color: var(--main-content-color);
 }
 
-._1feb0fca744244ab-page,
-._084152b107f71237-shop {
+.page__1feb0,
+.shop__08415 {
   background-color: transparent;
 }
 
-._6db1d32c47b6ad72-shopViewWrapper .d125d22cdfd32cfe-scrollerBase {
+.shopViewWrapper__6db1d .scrollerBase_d125d2 {
   background-color: transparent;
 }
 
@@ -6289,322 +6499,26 @@ body {
  *  VISUAL REFRESH
  *
  */
-.visual-refresh.refresh-fast-follow-guild-bg ._960e4207cea8323e-bg {
+.visual-refresh.refresh-fast-follow-guild-bg .bg__960e4 {
   background: transparent;
 }
-.visual-refresh.refresh-fast-follow-guild-bg .ef3116c2da186559-wrapper {
+.visual-refresh.refresh-fast-follow-guild-bg .wrapper_ef3116 {
   background: transparent;
 }
-.visual-refresh body,
-.visual-refresh ._960e4207cea8323e-bg {
-  background: transparent;
-}
-.visual-refresh ._160d8e55254637e5-layers {
-  margin: 0 var(--app-margin) var(--app-margin);
-  backdrop-filter: none;
-}
-.visual-refresh ._5e434347c823b592-content {
-  border-radius: var(--app-radius);
-  overflow: hidden;
-  backdrop-filter: blur(var(--app-blur));
-}
-.visual-refresh .ef3116c2da186559-wrapper {
-  background-color: transparent;
-}
-.visual-refresh .ef3116c2da186559-scroller {
-  padding-top: var(--space-12);
-}
-.visual-refresh ._5e434347c823b592-sidebar {
-  background-color: var(--sidebar-color);
-}
-.visual-refresh ._5e434347c823b592-sidebar:after {
-  display: none;
-}
-.visual-refresh ._5e434347c823b592-sidebarList {
-  backdrop-filter: none;
-  border: none;
-}
-.visual-refresh .f37cb1984c371ee5-container {
-  background-color: transparent;
-}
-.visual-refresh .f37cb1984c371ee5-header {
-  border-bottom: none;
-  box-shadow: var(--popout-header-shadow);
-}
-.visual-refresh ._2637a2609f343032-container,
-.visual-refresh .e6b7699ce8339e1c-privateChannels {
-  padding-bottom: calc(var(--custom-app-panels-height, 0) + 10px);
-}
-.visual-refresh ._5e434347c823b592-panels {
-  background-color: transparent;
-  border: none;
-  box-shadow: var(--popout-header-shadow);
-}
-.visual-refresh .e6b7699ce8339e1c-searchBar {
-  border-bottom: none;
-  box-shadow: var(--popout-header-shadow);
-}
-.visual-refresh .e6b7699ce8339e1c-searchBar ._201d5e8a3c09670a-lookFilled {
-  --button-background: rgba(var(--textarea-color),var(--textarea-alpha));
-  --button-text-color: var(--textarea-text-color);
-}
-.visual-refresh [data-has-border=true].f75fb00fb7356cbe-chat {
-  border-top: none;
-}
-.visual-refresh .f75fb00fb7356cbe-chat .d125d22cdfd32cfe-scrollerBase {
-  background-color: transparent;
-}
-.visual-refresh ._9293f6b2fc12398a-container {
-  border-bottom: none;
-}
-.visual-refresh .f75fb00fb7356cbe-chatContent {
-  background-color: transparent;
-}
-.visual-refresh .f75fb00fb7356cbe-form {
-  margin-top: 0;
-}
-.visual-refresh ._0923f156a0410684-attachButton {
-  padding: var(--space-12) var(--space-xs) var(--space-12) var(--space-md);
-}
-.visual-refresh ._44df51b030bd5ece-wrapper {
-  margin: 12px 0;
-  padding: 11px 0;
-  background-color: rgba(var(--textarea-color), var(--textarea-alpha));
-  border-radius: var(--textarea-radius);
-  border: none;
-}
-.visual-refresh ._740174f3d6a2c8fe-channelTextArea {
-  background-color: rgba(var(--textarea-color), var(--textarea-alpha));
-  border: none;
-}
-.visual-refresh .aa605f19898fe32e-upload {
-  background-color: var(--message-color);
-  border-radius: calc(var(--textarea-radius) / 1.4);
-  border: none;
-}
-.visual-refresh ._740174f3d6a2c8fe-stackedBars {
-  background-color: transparent;
-}
-.visual-refresh ._5126c0cd07f243a0-message {
-  border-radius: var(--message-radius);
-}
-.visual-refresh .d852db00c0588eb9-wrapper,
-.visual-refresh .fc817765600a960a-wrapper {
-  background-color: transparent;
-}
-.visual-refresh ._0b56311ebc6682e2-header,
-.visual-refresh ._41ed70e52483df6d-pageBody,
-.visual-refresh ._0b56311ebc6682e2-container {
-  background-color: transparent !important;
-}
-.visual-refresh ._5d7c9a81ac5dd074-prompt {
-  background-color: var(--card-color);
-  border-radius: var(--card-radius);
-  border: none;
-}
-.visual-refresh ._270d7a28db32b312-optionButtonWrapper {
-  background-color: var(--card-color);
-  border-radius: var(--card-radius);
-  border-color: transparent;
-}
-.visual-refresh ._270d7a28db32b312-optionButtonWrapper:hover {
-  background-color: var(--card-color-hover);
-}
-.visual-refresh ._270d7a28db32b312-optionButtonWrapper._270d7a28db32b312-selected {
-  background-color: var(--card-color-select);
-  border-color: hsl(var(--accent-hsl));
-}
-.visual-refresh ._270d7a28db32b312-optionButton {
-  background-color: transparent;
-}
-.visual-refresh .e4503acec53c64dd-channelRow {
-  background-color: var(--card-color);
-  border: none;
-}
-.visual-refresh .e4503acec53c64dd-channelRow:not(.e4503acec53c64dd-disabled):hover {
-  background-color: var(--card-color-hover);
-}
-.visual-refresh .bfe55a0aaaf62375-root {
-  background-color: transparent;
-}
-.visual-refresh .cb9592ad77576717-callContainer {
-  border: none;
-}
-.visual-refresh .a9e7064fdee8e9b0-searchResultsWrap {
-  background-color: var(--sidebar-color);
-}
-.visual-refresh .f3b986a284a18c78-searchHeader {
-  background-color: transparent;
-  border-bottom: none;
-}
-.visual-refresh ._02a39cb2980ceaaf-searchResult {
-  background-color: transparent;
-  border: none;
-}
-.visual-refresh .f369dba7416c67f0-container {
-  background-color: transparent;
-}
-.visual-refresh .f369dba7416c67f0-header {
-  background-color: var(--card-color);
-  border: none;
-}
-.visual-refresh .f369dba7416c67f0-matchingPostsRow {
-  background-color: var(--card-color);
-  border: none;
-}
-.visual-refresh .ca49a1898ddc29e3-container {
-  background-color: var(--card-color);
-  border: none;
-}
-.visual-refresh ._34c2c51cfce1632e-container {
-  background-color: var(--card-color);
-  border-top: none;
-}
-.visual-refresh ._9a337c84ff86a914-container, .visual-refresh .faa96b2163f6a142-container {
-  background-color: var(--card-color);
-}
-.visual-refresh ._9a337c84ff86a914-container:hover, .visual-refresh .faa96b2163f6a142-container:hover {
-  background-color: var(--card-color-hover);
-}
-.visual-refresh .d9be463a3c35b91e-container ._740174f3d6a2c8fe-channelTextArea {
-  background-color: transparent;
-}
-.visual-refresh .d9be463a3c35b91e-container ._740174f3d6a2c8fe-inner {
-  padding-left: 16px;
-}
-.visual-refresh ._01ae244280823725-resizeHandle {
-  background-color: transparent;
-}
-.visual-refresh ._01ae244280823725-container {
-  background-color: var(--main-content-color);
-  border: none;
-}
-.visual-refresh .b7e1cb0370c2dd0e-pollContainer {
-  background-color: var(--textarea-block-color);
-  border: none;
-}
-.visual-refresh ._0ccaee68b77c7469-fileWrapper,
-.visual-refresh ._623de82e76ad7f82-embedFull,
-.visual-refresh ._44c9ad8d149f0821-embedCard,
-.visual-refresh ._9271d23503a01b50-container {
-  background-color: var(--card-color);
-  border-radius: var(--card-radius);
-  border: none;
-  border-left: 4px solid;
-}
-.visual-refresh ._0ccaee68b77c7469-file {
-  background-color: var(--card-color);
-  border: none;
-  box-shadow: none;
-}
-.visual-refresh ._084343c4f11eaaab-contentWrapper, .visual-refresh .contentWrapper_eab878 {
-  background-color: transparent;
-  border-radius: var(--popout-radius);
-  border: none;
-  box-shadow: none;
-}
-.visual-refresh .c0e32c5cffed3d9f-emojiPicker {
-  background-color: transparent;
-}
-.visual-refresh .c0e32c5cffed3d9f-header,
-.visual-refresh ._8ef02eea17068b73-header,
-.visual-refresh .fed6d32841cc2da2-header {
-  background-color: transparent;
-}
-.visual-refresh ._4106ae7c1472c1de-wrapper {
-  background-color: var(--sidebar-color);
-}
-.visual-refresh ._14245bb948377a25-wrapper {
-  position: sticky;
-  background-color: transparent;
-  backdrop-filter: blur(var(--popout-blur));
-}
-.visual-refresh .aeaaeb2a573807f0-inspector {
-  background-color: transparent;
-}
-.visual-refresh .c8ffbb79449f399c-membersWrap {
-  background-color: transparent;
-  border-left: none;
-}
-.visual-refresh ._0f2e83213c878a13-container {
-  background-color: var(--background-modifier-hover);
-}
-.visual-refresh ._0f2e83213c878a13-container._0f2e83213c878a13-selected {
-  background-color: var(--background-modifier-selected);
-}
-.visual-refresh ._5d473ecff348c314-memberInner {
-  height: 100%;
-}
-.visual-refresh ._133bf5eea8e33a34-container {
-  border-top: none;
-}
-.visual-refresh ._133bf5eea8e33a34-tabBody {
-  background-color: transparent;
-}
-.visual-refresh ._7d20cf18f8a2784c-container {
-  background-color: transparent;
-}
-.visual-refresh ._35a7ecf3aba351b2-channelHeader {
-  background-color: var(--popout-color);
-}
-.visual-refresh ._957962c2bd49881b-messageContainer {
-  background-color: transparent;
-  border: none;
-}
-.visual-refresh ._957962c2bd49881b-recentMentionsPopout {
-  background-color: transparent;
-}
-.visual-refresh .e8b59c4b335dd2fc-messagesPopoutWrap {
-  background-color: transparent;
-}
-.visual-refresh .e8b59c4b335dd2fc-header,
-.visual-refresh ._0f7115b4703f7b3a-container {
-  background-color: transparent;
-  border: none;
-}
-.visual-refresh .e8b59c4b335dd2fc-messageGroupWrapper {
-  background-color: transparent;
-  border: none;
-}
-.visual-refresh .e8b59c4b335dd2fc-messageGroupWrapper .c19a557985eb7793-wrapper {
-  margin-right: 0 !important;
-}
-.visual-refresh .c1e9c47c23f12ca3-menu {
-  border: none;
-}
-.visual-refresh ._960e4207cea8323e-layer {
-  background-color: transparent;
-}
-.visual-refresh ._23e6b439306f125a-standardSidebarView {
-  margin-top: var(--custom-app-top-bar-height);
-  background-color: transparent;
-  border-radius: var(--app-radius);
-  backdrop-filter: blur(var(--app-blur));
-  overflow: hidden;
-}
-.visual-refresh ._23e6b439306f125a-sidebarRegionScroller {
-  background-color: var(--sidebar-color);
-}
-.visual-refresh.platform-win ._23e6b439306f125a-contentRegionScroller {
-  margin-top: 0;
-}
-.visual-refresh ._23e6b439306f125a-contentRegionScroller {
-  background-color: transparent;
-}
 
-.align-chat-input ._2637a2609f343032-container .d125d22cdfd32cfe-scrollerBase,
-.align-chat-input .e6b7699ce8339e1c-privateChannels .d125d22cdfd32cfe-scrollerBase {
-  margin-bottom: 0;
+.align-chat-input .container__2637a .scrollerBase_d125d2,
+.align-chat-input .privateChannels_e6b769 .scrollerBase_d125d2 {
+  margin-block-end: 0;
 }
-.align-chat-input ._36d072eab2b2e737-scrollerSpacer {
+.align-chat-input .scrollerSpacer__36d07 {
   height: var(--space-24);
 }
-.align-chat-input ._0923f156a0410684-attachWrapper {
+.align-chat-input .attachWrapper__0923f {
   padding: 0;
 }
-.align-chat-input ._0923f156a0410684-attachButtonInner,
-.align-chat-input ._24af7f4d0326ba4f-button:not(._24af7f4d0326ba4f-noHover),
-.align-chat-input ._04eede68d145ae81-emojiButton {
+.align-chat-input .attachButtonInner__0923f,
+.align-chat-input .button__24af7:not(.noHover__24af7),
+.align-chat-input .emojiButton__04eed {
   border-radius: var(--space-16);
 }