diff --git a/scss/main/_chat.scss b/scss/main/_chat.scss
index 06c52e5..6dd9aa9 100644
--- a/scss/main/_chat.scss
+++ b/scss/main/_chat.scss
@@ -3,47 +3,47 @@
 @use "../top/hsla";
 
 // Main chat section
-:is(.chatContent-3KubbW, .chatContent-2O4SXb) {
+.chatContent__5dca8 {
     @include bd.border(thick);
 }
 
 // "Jump to present", "New messages since", "Messages failed to load" bars
-.jumpToPresentBar-1cEnH0,
-.newMessagesBar-1hF-9G,
-.messagesErrorBar-1IQ1rH {
+.jumpToPresentBar__0ff7f,
+.newMessagesBar__8b6d7,
+.messagesErrorBar__06c0a {
     background-color: $accent-color;
     opacity: 0.9;
 }
 
 // Messages allow overflow in case of oversize embeds
-.message-372Ods,
-.message-3g3FYR {
+.message__41c2a,
+.message_f3a9e4 {
     overflow: visible;
 }
 
 // Message react/reply etc buttons
-.wrapper-2vIMkT {
+.wrapper_c727b6 {
     @include bd.border(thin);
 }
 
 // Pin icon for pin alerts
-.iconContainer-2rPbqG {
+.iconContainer_dfc268 {
     padding: 0.1rem;
 }
 
 // Reply/thread pipe
-.repliedMessage-3Z6XBG:before,
-.cozy-VmLDNB.hasThread-3h-KJV:after {
+.repliedMessage_e2bf4a:before,
+.cozy_f5c119.hasThread__58ee2:after {
     border-left-width: 3px;
     border-top-width: 1px;
 }
 
-.cozy-VmLDNB.hasThread-3h-KJV:after {
+.cozy_f5c119.hasThread__58ee2:after {
     border-bottom-width: 1px;
 }
 
 // piOS style message boxes in compact mode
-.compact-2Nkcau.wrapper-30-Nkg {
+.compact__54ecc.wrapper__09ecc {
     @include bd.border(thin);
     margin: calc(var(--pios-spacing) * 1.5rem) 3rem;
     padding: 1rem 1rem 0.5rem 1rem;
@@ -51,12 +51,12 @@
 }
 
 // Remove box if system message eg. pin
-.compact-2Nkcau.wrapper-30-Nkg.systemMessage-1H1Z20 {
+.compact__54ecc.wrapper__09ecc.systemMessage__6e6a4 {
     border: 0;
 }
 
 // Message info
-.compact-2Nkcau .header-2jRmjb {
+.compact__54ecc .header__39b23 {
     position: absolute;
     top: -1.6rem;
     display: flex;
@@ -64,145 +64,145 @@
     background: linear-gradient(transparent, $background-color 40%, transparent 60%);
 }
 
-.compact-2Nkcau .header-2jRmjb > span {
+.compact__54ecc .header__39b23 > span {
     display: block;
 }
 
 // Hides timestamps for the same time as previous message
-.compact-2Nkcau .timestampVisibleOnHover-9PEuZS {
+.compact__54ecc .timestampVisibleOnHover_e8cc6d {
     width: 0;
     color: transparent;
 }
 
 // Badges from ShowBadgesInChat https://github.com/mwittrien/BetterDiscordAddons/tree/master/Plugins/ShowBadgesInChat///
-.compact-2Nkcau .badgesChat-f_cbR8 {
+.compact__54ecc .badgesChat-f_cbR8 {
     top: 0;
 }
 
 // Corrects alignment of username when badges are present
-.compact-2Nkcau .username-h_Y3Us {
+.compact__54ecc .username_d30d99 {
     vertical-align: top;
 }
 
 // Special message left bar
-.automodMessage-265YwJ:before,
-.ephemeral-2nDdnn:before,
-.mentioned-Tre-dv:before,
-.replying-eZ7p5z:before {
+.automodMessage__410f7:before,
+.ephemeral_c26b64:before,
+.mentioned__58017:before,
+.replying_d7b6ad:before {
     width: 3px;
 }
 
 // Reply
 // Post username and timestamp
-.compact-2Nkcau.hasReply-2Cr4KE .header-2jRmjb,
-.compact-2Nkcau .repliedMessage-3Z6XBG + .contents-2MsGLg .header-2jRmjb {
+.compact__54ecc.hasReply_febd50 .header__39b23,
+.compact__54ecc .repliedMessage_e2bf4a + .contents_f41bb2 .header__39b23 {
     top: -2.7rem;
 }
 
 // Replied content
-.compact-2Nkcau .repliedMessage-3Z6XBG {
+.compact__54ecc .repliedMessage_e2bf4a {
     margin-left: 0;
     padding-left: 0;
     top: -2px;
 }
 
-.executedCommand-14-SNW,
-.threadMessageAccessory-2W9mjC {
+.executedCommand_e8859a,
+.threadMessageAccessory__33bc1 {
     height: auto;
 }
 
-.compact-2Nkcau .repliedMessage-3Z6XBG .timestamp-p1Df1m {
+.compact__54ecc .repliedMessage_e2bf4a .timestamp_cdbd93 {
     line-height: 1rem;
     height: auto;
 }
 
 // Replied elbow
-.compact-2Nkcau .repliedMessage-3Z6XBG::before {
+.compact__54ecc .repliedMessage_e2bf4a::before {
     display: none;
 }
 
 // Icons inside replied content
-.compact-2Nkcau .repliedMessage-3Z6XBG .repliedTextContentIcon-1LQXRB,
-.compact-2Nkcau .repliedMessage-3Z6XBG .badgesChat-f_cbR8 img,
-.compact-2Nkcau .repliedMessage-3Z6XBG .ownerIcon-255uKo,
-.compact-2Nkcau .repliedMessage-3Z6XBG .emoji {
+.compact__54ecc .repliedMessage_e2bf4a .repliedTextContentIcon__4dd82,
+.compact__54ecc .repliedMessage_e2bf4a .badgesChat-f_cbR8 img,
+.compact__54ecc .repliedMessage_e2bf4a .ownerIcon__827bd,
+.compact__54ecc .repliedMessage_e2bf4a .emoji {
     width: 1rem;
     height: 1rem;
 }
 
 // message react/reply etc buttons
-.compact-2Nkcau .container-2gUZhU {
+.compact__54ecc .container__9d616 {
     top: -16px;
 }
 
 // Message contents
-.compact-2Nkcau .contents-2MsGLg {
+.compact__54ecc .contents_f41bb2 {
     margin: 0;
     padding-left: 0;
     text-indent: 0;
 }
 
 // Block quote starter
-.blockquoteContainer-3VtvI1 .blockquoteDivider-363utW {
+.blockquoteContainer_f24d1f .blockquoteDivider__96157 {
     width: 3px;
 }
 
 // Embeds
-.embedFull-1HGV2S.markup-eYLPri,
+.embedFull__8dc21.markup_a7e664,
 // most embeds
-.appMount-2yBXZl .wrapperAudio-1Bzv_Z,
+.appMount_fae9dd .wrapperAudio__555ce,
 // audio
-.attachment-1PZZB2,
+.attachment_f3cf2c,
 // file
-.wrapper-1HIH0j,
+.wrapper_efe67f,
 // invite
-.footer-GXWBBp // code/text
+.footer__06f4b // code/text
 {
     background: $embed-color;
     border: 0;
     text-shadow: none;
 }
 
-.grid-1aWVsE {
+.grid_c7c4e6 {
     padding: 12px 18px;
 }
 
-.embedMargin-2PsaQ4 {
+.embedMargin__9576e {
     margin-top: 0;
 }
 
 // Video embed
 // Video metadata
-.metadata-3IncIG {
+.metadata__2d766 {
     backdrop-filter: blur(3px);
 }
 
 // play buttons on video
-.wrapper-x4po40 {
+.wrapper__5036f {
     padding: 12px;
 }
 
 // timeline slider
-.mediaBarProgress-38I317,
-.mediaBarProgress-38I317:after,
-.mediaBarProgress-38I317:before {
+.mediaBarProgress__29db2,
+.mediaBarProgress__29db2:after,
+.mediaBarProgress__29db2:before {
     background: $accent-color;
 }
 
 // timeline slider knob
-.mediaBarGrabber-FvJKJg,
-.mediaBarInteraction-tUE5dq:hover .mediaBarGrabber-FvJKJg,
-.mediaBarInteractionDragging-3XLL8k .mediaBarGrabber-FvJKJg {
+.mediaBarGrabber_c64ff9,
+.mediaBarInteraction__0633c:hover .mediaBarGrabber_c64ff9,
+.mediaBarInteractionDragging__0a2ee .mediaBarGrabber_c64ff9 {
     background: $bright-color;
 }
 
 // Reacts you have added
-.reaction-3vwAF2,
-.reaction-3vwAF2:hover {
+.reaction_b90ab0,
+.reaction_b90ab0:hover {
     @include bd.border(thin);
 }
 
-.reaction-3vwAF2.reactionMe-1PwQAc {
+.reaction_b90ab0.reactionMe_bf6909 {
     border-color: $accent-color;
     background-color: hsla.default($accent-hue, 0.3);
 }
@@ -210,12 +210,12 @@
 // Thread from message
 // Thread spine
 // Upper
-.compact-2Nkcau.hasThread-3h-KJV .contents-2MsGLg::before {
+.compact__54ecc.hasThread__58ee2 .contents_f41bb2::before {
     display: none;
 }
 
 // Lower
-.spine-2vt3pM {
+.spine_d081ec {
     top: 0.15rem;
     left: 0rem;
     z-index: -1;
@@ -224,70 +224,70 @@
 }
 
 // Thread info
-.container-3i3IzO {
+.container__767d1 {
     background-color: hsla.default($accent-hue, 0.2);
 }
 
-.compact-2Nkcau .container-3i3IzO {
+.compact__54ecc .container__767d1 {
     position: relative;
     left: 2.5rem;
 }
 
 // Typing box
-.channelTextArea-1VQBuV {
+.channelTextArea__56a36 {
     @include bd.border(thick);
 }
 
-.scrollableContainer-15eg7h {
+.scrollableContainer__33e06 {
     min-height: 60px;
 }
 
 // "Replying to" bar
-.attachedBars-2BCP3l {
+.attachedBars_da3c74 {
     background: transparent;
     border-bottom: 2px dashed $border-color-normal;
 }
 
 // @on button
-.colorLink-2apWfY.mentionButton-3C5YMI {
+.mentionButton_a470c4 {
     color: $accent-color;
 }
 
 // Uploading files bar
-.upload-vLbqu- {
+.upload_c98ecb {
     background-color: $embed-color;
 }
 
 // Command suggestions bar
-.appMount-2yBXZl .selected-3H3-RC,
-.appMount-2yBXZl .option-Tt7anD {
+.appMount_fae9dd .selected-3H3-RC,
+.appMount_fae9dd .option__32fd1 {
     background-color: hsla.default($accent-hue, 0.3);
 }
 
 // follow to get this channel's updates in your server add dotted topline
-:is(.form-3gdLxP, .form-3qe0Ni) :is(.wrapper-2SplAX, .wrapper-IjGAlW) {
+.form__13a2c .wrapper_fbbb73 {
     border-top: 2px dashed $border-color-normal;
     margin-top: 0;
 }
 
 // Forums
-.appMount-2yBXZl .container-3wLKDe {
+.appMount_fae9dd .container_b181b6 {
     background: $background-color;
 }
 
 // Post title
-.card-2JNtco .headerText-3MQ6n4 {
+.card__691f2 .headerText_cd33c6 {
     --text-muted: #{$bright-color};
 }
 
 // Post message preview
-.card-2JNtco .markup-eYLPri {
+.card__691f2 .markup_a7e664 {
     text-shadow: none;
 }
 
 // Browse channels
-.appMount-2yBXZl .container-2IKOsH,
-.appMount-2yBXZl .header-3xB4vB,
-.appMount-2yBXZl .container-1um7CU {
+.appMount_fae9dd .container__10dc7,
+.appMount_fae9dd .header__60bef,
+.appMount_fae9dd .container__7590f {
     background: $background-color;
 }
diff --git a/scss/main/_customise.scss b/scss/main/_customise.scss
index c67140f..250aaf3 100644
--- a/scss/main/_customise.scss
+++ b/scss/main/_customise.scss
@@ -2,12 +2,12 @@
 
 // Customise channels and roles / browse channels
 
-.appMount-2yBXZl .emptyPage-2TGR7j,
-.appMount-2yBXZl .scrollerContainer-y16Rs9 {
+.appMount_fae9dd .emptyPage__3e15d,
+.appMount_fae9dd .scrollerContainer_bf5dbd {
     background: $background-color;
 }
 
-.checkIcon-3eAeN_,
-.memberCount-2G9rxE {
+.checkIcon__5aa1f,
+.memberCount_b5b6d4 {
     background: $accent-color;
 }
diff --git a/scss/main/_discover.scss b/scss/main/_discover.scss
index 1e6e581..3307658 100644
--- a/scss/main/_discover.scss
+++ b/scss/main/_discover.scss
@@ -5,70 +5,70 @@
 // ---- Explore public servers ----
 
 // Background
-.appMount-2yBXZl .pageWrapper-2PwDoS {
+.appMount_fae9dd .pageWrapper_fef757 {
     background-color: $background-color;
     @include bd.border(thick);
 }
 
 // Search results searchbox
-.appMount-2yBXZl .searchBox-pyIJJj {
+.appMount_fae9dd .searchBox_a63854 {
     background-color: hsla.default($accent-hue, 0.2);
     backdrop-filter: brightness(0);
 }
 
-.searchBox-pyIJJj:focus,
-.searchBox-pyIJJj:focus-within {
+.searchBox_a63854:focus,
+.searchBox_a63854:focus-within {
     border-color: transparent;
 }
 
 // Selected category
-.categoryItem-Kc_HK_.selectedCategoryItem-ZjqSui .itemInner-3e_4G4 {
+.categoryItem_b1be5c.selectedCategoryItem__0bf4c .itemInner__9e755 {
     background-color: hsla.default($accent-hue, 0.3);
 }
 
 // Search category searchbox
-.search-25t1e9 .searchBox-31Zv9h:focus,
-.search-25t1e9 .searchBox-31Zv9h:focus-within {
+.search_e47903 .searchBox__88a98:focus,
+.search_e47903 .searchBox__88a98:focus-within {
     box-shadow: none;
 }
 
-.search-25t1e9 .searchBox-31Zv9h .searchBoxInput-3h4etz {
+.search_e47903 .searchBox__88a98 .searchBoxInput__73c9c {
     color: $bright-color;
 }
 
 // Clear searchbox icon
-.clearIcon-TMIIUa,
-.search-25t1e9 .searchBox-31Zv9h .closeIcon-BMGxx0 {
+.clearIcon__91449,
+.search_e47903 .searchBox__88a98 .closeIcon__3dfb5 {
     color: $dim-color;
 }
 
-.clearIcon-TMIIUa:hover,
-.search-25t1e9 .searchBox-31Zv9h .closeIcon-BMGxx0:hover {
+.clearIcon__91449:hover,
+.search_e47903 .searchBox__88a98 .closeIcon__3dfb5:hover {
     color: $middle-color;
 }
 
 // Language dropdown
-.lookFilled-1GseHa.select-1Ia3hD {
+.lookFilled__3dba3.select__0eb48 {
     border-color: transparent;
     color: $dim-color;
 }
 
-.popout-1KHNAq {
+.popout_a6e77f {
     @include bd.border(thin);
 }
 
 // Server card
-.card-2TuZPZ,
-.card-1rhKXq {
+.card__86773,
+.card__33bd0 {
     @include bd.border(thin);
 }
 
 // Separators in search results
-.separator-2t2gPa {
+.separator_f527c9 {
     display: none;
 }
 
 // Student hub icon
-.iconContainer-6xlTpK {
+.iconContainer__004ce {
     background-color: hsla.default($accent-hue, 0.7);
 }
diff --git a/scss/main/_forums.scss b/scss/main/_forums.scss
index 136a427..2bdd437 100644
--- a/scss/main/_forums.scss
+++ b/scss/main/_forums.scss
@@ -1,34 +1,34 @@
 @use "../top/border" as bd;
 
 // Forums
-.container-3wLKDe {
+.container_b181b6 {
     @include bd.border(thick);
 }
 
 // Forum post
-.container-2qVG6q {
+.container__99b06 {
     @include bd.border(thin);
 }
 
 // See more
-.container-2O1UgZ {
+.contentWrapper_eab878 {
     @include bd.border(thin);
 }
 
 // Make new post
 // Image container
-.container-3Om6RL,
-.container-JhuCwn .popout-2vZMlk {
+.container__4f0d0,
+.popout__6ba23 {
     @include bd.border(thin, bright);
 }
 
 // ---- Home ----
-.homeContainer-r4Hvv1 {
+.homeContainer__6bec1 {
     @include bd.border(thick);
 }
 
 // Message highlight
-.card-3x20HF,
-.card-3x20HF:hover {
+.card_d4f6c7,
+.card_d4f6c7:hover {
     @include bd.border(thin);
 }
diff --git a/scss/main/_settings.scss b/scss/main/_settings.scss
index 04fe2ce..292883a 100644
--- a/scss/main/_settings.scss
+++ b/scss/main/_settings.scss
@@ -3,73 +3,70 @@
 @use "../top/hsla";
 
 // Values slider
-.appMount-2yBXZl .bar-1Bhnl9,
-.appMount-2yBXZl .markDash-yk2kJ- {
+.appMount_fae9dd .bar_e58961,
+.appMount_fae9dd .markDash_dc3ae9 {
     background-color: $dim-color;
 }
 
-.barFill-2Bh7CX {
+.barFill__30e17 {
     background: $accent-color;
 }
 
 // Check/uncheck slider toggle
-.container-1QtPKm.checked-16gMAN {
+.container__871ba.checked__6bdb0 {
     background-color: hsla.default($accent-hue, 0.7) !important;
     color: hsla.default($accent-hue, 0.7);
 }
 
-.container-1QtPKm {
+.container__871ba {
     background-color: $dim-color !important;
     color: $dim-color;
 }
 
-.slider-HJFN2i svg path {
+.slider__41d94 svg path {
     fill: currentColor !important;
 }
 
 // Discord key redemption
-.appMount-2yBXZl .codeRedemptionRedirect-2hYMSQ {
+.appMount_fae9dd .codeRedemptionRedirect_bc7f36 {
     background-color: hsla.default($accent-hue, 0.2);
     border-color: $accent-color;
 }
 
 // Default payment method
-.appMount-2yBXZl .defaultIndicator-2ndWks {
+.appMount_fae9dd .defaultIndicator__855a2 {
     background: $accent-color;
 }
 
 // Authorised apps
-.authedApp-8q3NA9 {
+.authedApp__51b26 {
     @include bd.border(thin);
 }
 
 // Connections
-.connection-YOVI9j {
+.connection_fff5f6 {
     @include bd.border(thin);
 }
 
 // Discord nitro settings tab
-.selectedBackground-1t6xXq {
+.selectedBackground_d847da {
     background: hsla.default($accent-hue, 0.2);
 }
 
 // Voice and video
 // Video background
-.backgroundOptionRing-1vvQ0C {
+.backgroundOptionRing__1f209 {
     border: solid $accent-color;
     @include bd.border(thin, $accent-color);
 }
 
 // Keybinds
-.defaultKeybind-1rEiTa {
+.defaultKeybind__05c82 {
     height: auto;
 }
 
-.keybindShortcut-3zF1P9 span {
+.appMount_fae9dd .key__06fe6 {
     background-color: hsla.default($accent-hue, 0.3);
-}
-
-.appMount-2yBXZl .keybindShortcut-3zF1P9 span {
     box-shadow: inset 0 -4px 0 hsla.default($accent-hue, 0.2);
 }
 
@@ -79,84 +76,84 @@
 }
 
 // Remove game
-.appMount-2yBXZl .default-1Tkeeg {
+.appMount_fae9dd .default__3e2f5 {
     background-color: transparent;
     border: 1px solid hsla.default($accent-hue, 0.7);
 }
 
 // Game overlay
 // Overlay notifications
-.wrapper-SdcMKg {
+.wrapper__4beb8 {
     @include bd.border(thin);
 }
 
-.wrapper-SdcMKg.disabledSelected-1jqfsw {
+.wrapper__4beb8.disabledSelected_dd29ae {
     @include bd.border(thin, $accent-color);
 }
 
-.option-1QI4c9 {
+.option_a0c054 {
     background-color: $border-color-normal;
 }
 
-.selected-18Wszc.option-1QI4c9 {
+.selected_ea51d6.option_a0c054 {
     background-color: hsla.default($accent-hue, 0.7);
     border-color: $accent-color;
 }
 
-.option-1QI4c9:hover {
+.option_a0c054:hover {
     background-color: hsla.default($accent-hue, 0.2);
 }
 
 // Server settings
 
 // Stickers
-.tier-3CS7-p {
+.tier_d16770 {
     @include bd.border(thin);
     padding: 0 16px 16px 0;
 }
 
 // Header
-.appMount-2yBXZl .tierHeaderLocked-30MLlO,
-.appMount-2yBXZl .tierHeaderUnlocked-1OpOLf {
+.appMount_fae9dd .tierHeaderLocked__4d099,
+.appMount_fae9dd .tierHeaderUnlocked_cc60fa {
     background: transparent;
 }
 
 // Sticker placeholder
-.placeholderCard-3eGmb3 {
+.placeholderCard__622e2 {
     border-color: $dim-color;
 }
 
 // Locked tiers
-.appMount-2yBXZl .tierBody-1d3UiS {
+.appMount_fae9dd .tierBody__615a1 {
     background: transparent;
 }
 
 // App directory
-.appMount-2yBXZl .directoryModal-YJsOMv {
+.appMount_fae9dd .directoryModal-YJsOMv {
     background: $background-color;
 }
 
 // App categories
-.category-2OvQ93:hover {
+.category_ba5745:hover {
     background: hsla.default($accent-hue, 0.2);
 }
 
-.category-2OvQ93:active {
+.category_ba5745:active {
     background: hsla.default($accent-hue, 0.7);
 }
 
 // App cards
-.card-2xymMp,
-.item-2Nx4LP,
-.itemContainer-RkoeKz {
+.card__834d4,
+.item_be93e4,
+.itemContainer__34a23 {
     @include bd.border(thin);
 }
 
-.root-1q0s4N {
+.root__07239 {
     overflow: visible;
 }
 
 // Highlighted card
-.linkCard-2SSonX {
+.linkCard_e80341 {
     background: hsla.default($accent-hue, 0.2);
 }
diff --git a/scss/main/_topbar.scss b/scss/main/_topbar.scss
index 02a6f89..6d4f60f 100644
--- a/scss/main/_topbar.scss
+++ b/scss/main/_topbar.scss
@@ -1,7 +1,7 @@
 @use "../top/vars" as *;
 
 // Title bar
-.appMount-2yBXZl :is(.titleBar-1it3bQ, .titleBar-3AIemB)::before {
+.appMount_fae9dd .titleBar__01af6::before {
     content: var(--pios-title-text, "piOS v2.1.01p");
     color: $dim-color;
     background: $background-color;
@@ -16,6 +16,6 @@
     z-index: 1;
 }
 
-:is(.wordmark-2u86JB, .wordmark-3wYFg6) {
+.wordmark__0d178 {
     display: none;
 }
diff --git a/scss/main/list/_channellist.scss b/scss/main/list/_channellist.scss
index 20dc865..5a27763 100644
--- a/scss/main/list/_channellist.scss
+++ b/scss/main/list/_channellist.scss
@@ -2,26 +2,26 @@
 
 // ---- Channel sidebar ----
 // Position dashes between channel groups
-.containerDefault-3TQ5YN:not(:first-of-type)::before {
+.containerDefault__23a29:not(:first-of-type)::before {
     content: "-------------------";
     margin-left: 5px;
     top: 0;
 }
 
 // Resize channel icons
-.icon-2W8DHg {
+.icon_eff5d4 {
     width: 15px;
     height: 15px;
 }
 
 // Happening now events
-.channelNotice-K4UfZY {
+.channelNotice__8f7b2 {
     @include bd.border(thin);
     margin: 0 8px;
     padding: 4px 8px 8px;
 }
 
 // Boost bar divider
-.divider-3qUeLQ {
+.divider__40683 {
     display: none;
 }
diff --git a/scss/main/list/_index.scss b/scss/main/list/_index.scss
index 86da3cf..0b01044 100644
--- a/scss/main/list/_index.scss
+++ b/scss/main/list/_index.scss
@@ -3,8 +3,8 @@
 @forward "./serverlist";
 
 // Adds dashes between channel/member groups
-.containerDefault-3TQ5YN:not(:first-of-type)::before,
-:is(.membersGroup-2eiWxl, .membersGroup-2YoqY-).container-q97qHp:not(:first-of-type) > span:last-child::before {
+.containerDefault__23a29:not(:first-of-type)::before,
+.membersGroup__85843.container_de798d:not(:first-of-type) > span:last-child::before {
     position: absolute;
     font-size: 16pt;
     color: var(--channels-default);
diff --git a/scss/main/list/_memberlist.scss b/scss/main/list/_memberlist.scss
index d03531a..aee6182 100644
--- a/scss/main/list/_memberlist.scss
+++ b/scss/main/list/_memberlist.scss
@@ -1,10 +1,10 @@
 // ---- Members list ----
 // Position dashes between member groups
-:is(.membersGroup-2eiWxl, .membersGroup-2YoqY-).container-q97qHp {
+.membersGroup__85843.container_de798d {
     position: relative;
 }
 
-:is(.membersGroup-2eiWxl, .membersGroup-2YoqY-).container-q97qHp:not(:first-of-type) > span:last-child::before {
+.membersGroup__85843.container_de798d:not(:first-of-type) > span:last-child::before {
     content: "-----------------";
     display: block;
     font-weight: 9;
diff --git a/scss/main/list/_serverlist.scss b/scss/main/list/_serverlist.scss
index 6757463..fa731a2 100644
--- a/scss/main/list/_serverlist.scss
+++ b/scss/main/list/_serverlist.scss
@@ -3,27 +3,27 @@
 
 // ---- Servers sidebar ----
 // Unread server/channel dot
-.unread-36eUEm,
-.item-2LIpTv {
+.unread__48cf4,
+.item_f9d377 {
     background-color: $accent-color;
 }
 
 // "New" bubble in servers sidebar
-.mention-3XBnnZ {
+.mention__1afd3 {
     background-color: $accent-color;
 }
 
 // Switch to DMs button
-.wrapper-3kah-n.selected-1Drb7Z .childWrapper-1j_1ub,
-.wrapper-3kah-n:hover .childWrapper-1j_1ub {
+.wrapper_d281dd.selected_f5ec8e .childWrapper__01b9c,
+.wrapper_d281dd:hover .childWrapper__01b9c {
     background-color: hsla.default($accent-hue, 0.7);
 }
 
 // Add a server / explore public servers button
-.circleIconButton-1VxDrg {
+.circleIconButton_d8df29 {
     color: $accent-color;
 }
 
-.circleIconButton-1VxDrg.selected-2r1Hvo {
+.circleIconButton_d8df29.selected__5250e {
     background-color: hsla.default($accent-hue, 0.7);
 }
diff --git a/scss/overlay/modal/_deletemessage.scss b/scss/overlay/modal/_deletemessage.scss
index 1cbfac7..26fe31c 100644
--- a/scss/overlay/modal/_deletemessage.scss
+++ b/scss/overlay/modal/_deletemessage.scss
@@ -3,7 +3,7 @@
 
 // Delete message confirmation modal
 // Message view
-.appMount-2yBXZl .message-G6O-Wv {
+.appMount_fae9dd .message__04d9f {
     background-color: $background-color;
     box-shadow: none;
     @include bd.border(thick);
diff --git a/scss/overlay/modal/_event.scss b/scss/overlay/modal/_event.scss
index 420605a..3961788 100644
--- a/scss/overlay/modal/_event.scss
+++ b/scss/overlay/modal/_event.scss
@@ -4,24 +4,24 @@
 
 // Event and new event modal
 // Event card
-.appMount-2yBXZl .previewCard-E137i2,
-.card-8UsK4b {
+.appMount_fae9dd .previewCard_aef1ab,
+.card__7865b {
     @include bd.border(thin);
 }
 
 // Event cover image
-.imageUploaderInner-IIRaFr {
+.imageUploaderInner_da8332 {
     background-color: hsla.default($accent-hue, 0.2);
 }
 
-.avatarUploadIcon-34ohJq.hideDefaultIcon-Z9-iXK {
+.avatarUploadIcon__39207.hideDefaultIcon__9f3a5 {
     background-color: hsla.default($accent-hue, 0.7);
 }
 
-.imageUploaderIcon-2OHmFu path {
+.imageUploaderIcon__0c13b path {
     fill: $bright-color;
 }
 
-.eventStatusGreen-2-f2N8 {
+.eventStatusGreen_ca17ec {
     color: $accent-color;
 }
diff --git a/scss/overlay/modal/_imageupload.scss b/scss/overlay/modal/_imageupload.scss
index 0c8d93e..ce49cc0 100644
--- a/scss/overlay/modal/_imageupload.scss
+++ b/scss/overlay/modal/_imageupload.scss
@@ -1,10 +1,10 @@
 @use "../../top/vars" as *;
 
 // ---- Image upload modify modal ----
-.appMount-2yBXZl .uploadModal-2ie9O_ {
+.appMount_fae9dd .uploadModal_eae2a0 {
     background-color: $background-color;
 }
 
-.appMount-2yBXZl .footer-VCsJQY {
+.appMount_fae9dd .footer_ceda43 {
     background-color: transparent;
 }
diff --git a/scss/overlay/modal/_index.scss b/scss/overlay/modal/_index.scss
index e0a37e4..066f140 100644
--- a/scss/overlay/modal/_index.scss
+++ b/scss/overlay/modal/_index.scss
@@ -10,14 +10,14 @@
 @use "../../top/border" as bd;
 
 // Modals
-.appMount-2yBXZl .root-1CAIjD {
+.appMount_fae9dd .root_a28985 {
     @include bd.border(thick $bright-color);
     background-color: $background-color;
     box-shadow: 0 0 30px 0 $dim-color;
 }
 
 // Footer
-.appMount-2yBXZl .footer-IubaaS {
+.appMount_fae9dd .footer__89240 {
     background-color: $background-color;
     box-shadow: none;
     border-top: 2px dashed $border-color-normal;
diff --git a/scss/overlay/modal/_invitefriends.scss b/scss/overlay/modal/_invitefriends.scss
index 5423291..a63ae20 100644
--- a/scss/overlay/modal/_invitefriends.scss
+++ b/scss/overlay/modal/_invitefriends.scss
@@ -3,27 +3,27 @@
 
 // ---- Invite friends to server modal ----
 // Copy url
-.copyInput-1dXbXE .input-3O04eu {
+.copyInput__3104b .input_d266e7 {
     background: transparent;
 }
 
 // Invite link settings
 // Selected item icon
-.selectedIcon-19TbzU {
+.selectedIcon__4b0ba {
     color: $dim-color;
 }
 
 // Search bar
-.container-2oNtJn {
+.container__7712a {
     background-color: #{hsla.default($accent-hue, 0.2)};
 }
 
 // Search results
-.appMount-2yBXZl .inviteRow-3vmB7i:hover {
+.appMount_fae9dd .inviteRow_a25947:hover {
     background: hsla.default($accent-hue, 0.2);
 }
 
 // "Invite" button
-.inviteRowButton-3hcOhY {
+.inviteRowButton__52da0 {
     padding: 2px;
 }
diff --git a/scss/overlay/modal/_phonenumber.scss b/scss/overlay/modal/_phonenumber.scss
index a6a36f5..3fe8ecb 100644
--- a/scss/overlay/modal/_phonenumber.scss
+++ b/scss/overlay/modal/_phonenumber.scss
@@ -4,12 +4,12 @@
 
 // Enter phone number modal
 // Country select
-.appMount-2yBXZl .popoutList-10IFAa {
+.appMount_fae9dd .popoutList_db80c1 {
     background: $background-color;
     @include bd.border(thin);
 }
 
 // Country
-.appMount-2yBXZl .selectableItem-3-fmiM:hover {
+.appMount_fae9dd .selectableItem__166c5:hover {
     background-color: hsla.default($accent-hue, 0.2);
 }
diff --git a/scss/overlay/modal/_uploadfile.scss b/scss/overlay/modal/_uploadfile.scss
index 202d921..7353e88 100644
--- a/scss/overlay/modal/_uploadfile.scss
+++ b/scss/overlay/modal/_uploadfile.scss
@@ -2,11 +2,11 @@
 @use "../../top/border" as bd;
 
 // ---- Upload file by drag and drop modal ----
-.uploadModalIn-2w48Zf .uploadDropModal-13Kd20 .bgScale-1iWuPF {
+.uploadModalIn_c0ca4b .uploadDropModal__73a36 .bgScale_f3a2be {
     background: $background-color;
     @include bd.border(thick, bright);
 }
 
-.uploadModalIn-2w48Zf .uploadDropModal-13Kd20 .inner-rBP-MS {
+.uploadModalIn_c0ca4b .uploadDropModal__73a36 .inner__7afe9 {
     border: 0;
 }
diff --git a/scss/overlay/popover/_autocomplete.scss b/scss/overlay/popover/_autocomplete.scss
index b1afdcd..031ae0b 100644
--- a/scss/overlay/popover/_autocomplete.scss
+++ b/scss/overlay/popover/_autocomplete.scss
@@ -2,7 +2,7 @@
 @use "../../top/border" as bd;
 
 // ---- Typing channel/user/command/etc. autocomplete popover ----
-.appMount-2yBXZl .autocomplete-3NRXG8 {
+.appMount_fae9dd .autocomplete_df266d {
     background: $background-color;
     @include bd.border(thin);
 }
diff --git a/scss/overlay/popover/_emojipicker.scss b/scss/overlay/popover/_emojipicker.scss
index cf9926c..1e4dc26 100644
--- a/scss/overlay/popover/_emojipicker.scss
+++ b/scss/overlay/popover/_emojipicker.scss
@@ -4,17 +4,17 @@
 
 // ---- Emoji selector popover ----
 // Selected/hovered emojis
-.emojiItem-277VFM.emojiItemSelected-2Lg50V {
+.emojiItem_b15dee.emojiItemSelected__1a09a {
     background: hsla.default($accent-hue, 0.3);
 }
 
 // Skin tone selector for emojis
-.diversitySelectorOptions-3DhNYs {
+.diversitySelectorOptions__846c5 {
     @include bd.border(thin);
 }
 
 // blurs out emojis and stickers that require nitro when no nitro is active
-.emojiItemDisabled-3VVnwp,
-.stickerUnsendable-PkQAxI {
+.emojiItemDisabled__36cbf,
+.stickerUnsendable__47eae {
     filter: blur(1px) grayscale(100%) opacity(40%);
 }
diff --git a/scss/overlay/popover/_inbox.scss b/scss/overlay/popover/_inbox.scss
index d5a1f82..5df7c75 100644
--- a/scss/overlay/popover/_inbox.scss
+++ b/scss/overlay/popover/_inbox.scss
@@ -4,39 +4,39 @@
 
 // ---- Inbox popover ----
 // Channel info
-.channelHeader-DFRX8q {
+.channelHeader__5d30c {
     border-bottom: 2px dashed $border-color-normal;
 }
 
 // Inbox message containers
-.messageContainer-3VTXBC {
+.messageContainer_aa7d14 {
     padding: 0;
 }
 
-.messages-23can0 {
+.messages_f7999e {
     padding: 16px 0 0 0;
 }
 
 // Remove "replied to" in inbox due to space constraint
-.container-iA3Qrz .compact-2Nkcau .repliedMessage-3Z6XBG,
-.container-2ebMPP .compact-2Nkcau .repliedMessage-3Z6XBG {
+.container__56e52 .compact__54ecc .repliedMessage_e2bf4a,
+.container__20de0 .compact__54ecc .repliedMessage_e2bf4a {
     display: none;
 }
 
 // filter gets box border (not sure what this does anymore)
-.menu-1QACrS {
+.menu_dc52c6 {
     @include bd.border(thick);
 }
 
 // "Mark Inbox as read", "Notifications", "Mark as read", Jump buttons
-.primary-38Hs-h:hover:not(.disabled-184-il),
-.secondary-2bzKEX,
-.tertiary-1e-lAP,
-.jumpButton-1V_1FA {
+.primary_f0f61f:hover:not(.disabled__8e315),
+.secondary_c96c46,
+.tertiary_bc0225,
+.jumpButton_da1ebb {
     background-color: hsla.default($accent-hue, 0.3);
 }
 
-.secondary-2bzKEX:hover:not(.disabled-184-il),
-.tertiary-1e-lAP:hover:not(.disabled-184-il) {
+.secondary_c96c46:hover:not(.disabled__8e315),
+.tertiary_bc0225:hover:not(.disabled__8e315) {
     background-color: hsla.default($accent-hue, 0.7);
 }
diff --git a/scss/overlay/popover/_index.scss b/scss/overlay/popover/_index.scss
index 69acddd..c9a6d87 100644
--- a/scss/overlay/popover/_index.scss
+++ b/scss/overlay/popover/_index.scss
@@ -14,20 +14,20 @@
 @use "../../top/border" as bd;
 
 // Popovers
-.contentWrapper-3vHNP2,
+.contentWrapper__321ed,
 // Emoji picker for reactions
-.contentWrapper-2f9yME,
+.contentWrapper_eab878,
 // Smallish popover menus
-.menu-2TXYjN,
+.menu_dc52c6,
 // User profile popovers
-.userProfileOuter-2tQwNf,
+.userProfileOuter__46bb7,
 // Pinned messages
-.messagesPopoutWrap-3zryHW,
+.messagesPopoutWrap_b3b384,
 // Inbox
-.recentMentionsPopout-2bI1ZN,
+.recentMentionsPopout__826a9,
 // Threads
-.browser-mnQ1T7,
+.browser_fece63,
 // Stream picture-in-picture
-.pictureInPictureVideo-2puO2Q {
+.pictureInPictureVideo_f1081d {
     @include bd.border(thick, bright);
 }
diff --git a/scss/overlay/popover/_menu.scss b/scss/overlay/popover/_menu.scss
index 44deb1a..21d7c49 100644
--- a/scss/overlay/popover/_menu.scss
+++ b/scss/overlay/popover/_menu.scss
@@ -3,23 +3,23 @@
 
 // ---- General menu popover ----
 // Option in menu when hovered
-.colorDefault-2_rLdz {
-    &.focused-3LIdPu {
+.colorDefault__0b482 {
+    &.focused__27621 {
         background-color: hsla.default($accent-hue, 0.2);
     }
-    &:active:not(.hideInteraction-1vQrZJ) {
+    &:active:not(.hideInteraction__2790e) {
         background-color: hsla.default($accent-hue, 0.7);
     }
-    .checkbox-397WsK,
-    .radioSelection-3PDNAQ {
+    .checkbox__45366,
+    .radioSelection__5ed39 {
         color: $accent-color;
     }
 }
 // Menu slider bar
-.barFill-3RgCsY {
+.barFill__30e17 {
     background: $accent-color;
 }
 // Menu selected option checkbox
-.activeIcon-1ykRnF path {
+.activeIcon_e452f7 path {
     fill: $accent-color;
 }
diff --git a/scss/overlay/popover/_messageoptions.scss b/scss/overlay/popover/_messageoptions.scss
index c05ceae..b0296a0 100644
--- a/scss/overlay/popover/_messageoptions.scss
+++ b/scss/overlay/popover/_messageoptions.scss
@@ -3,16 +3,16 @@
 
 // ---- Message options popover ----
 // Hovered normal option
-.colorDefault-CDqZdO.focused-3qFvc8 {
+.colorDefault__0b482.focused__27621 {
     background-color: hsla.default($accent-hue, 0.2);
 }
 
 // Hovered danger option
-.colorDanger-3n-KnP.focused-3qFvc8 {
+.colorDanger_eec36d.focused__27621 {
     background-color: hsla.default($accent-hue, 0.7);
 }
 
 // Clicked option
-.colorDefault-CDqZdO:active:not(.hideInteraction-2jPGL_) {
+.colorDefault__0b482:active:not(.hideInteraction__2790e) {
     background-color: hsla.default($accent-hue, 0.7);
 }
diff --git a/scss/overlay/popover/_newuser.scss b/scss/overlay/popover/_newuser.scss
index df41ee5..94452e0 100644
--- a/scss/overlay/popover/_newuser.scss
+++ b/scss/overlay/popover/_newuser.scss
@@ -1,6 +1,6 @@
 @use "../../top/border" as bd;
 
 // ---- New user popover ----
-.popoutContainer-2wbmiM {
+.popoutContainer__7b9a3 {
     @include bd.border(thin, bright);
 }
diff --git a/scss/overlay/popover/_noisesuppression.scss b/scss/overlay/popover/_noisesuppression.scss
index 696e941..16b0f38 100644
--- a/scss/overlay/popover/_noisesuppression.scss
+++ b/scss/overlay/popover/_noisesuppression.scss
@@ -1,6 +1,6 @@
 @use "../../top/border" as bd;
 
 // ---- Voice noise suppression popover ----
-:is(.noiseCancellationPopout-2-e5Xz, .noiseCancellationPopout-mXdIP4) {
+.noiseCancellationPopout__06ec4 {
     @include bd.border(thin);
 }
diff --git a/scss/overlay/popover/_search.scss b/scss/overlay/popover/_search.scss
index 35fb1d5..898b80d 100644
--- a/scss/overlay/popover/_search.scss
+++ b/scss/overlay/popover/_search.scss
@@ -3,21 +3,21 @@
 @use "../../top/hsla";
 
 // Search bar filters
-.appMount-2yBXZl .searchFilter-2UfsDk {
+.appMount_fae9dd .searchFilter__118cb {
     background-color: hsla.default($accent-hue, 0.7);
 }
 
-.appMount-2yBXZl .searchAnswer-23w-CH {
+.appMount_fae9dd .searchAnswer_b452e7 {
     background-color: hsla.default($accent-hue, 0.3);
 }
 
 // Search suggestion box
-.appMount-2yBXZl .container-2McqkF {
+.appMount_fae9dd .container_d6dad3 {
     background: $background-color;
     @include bd.border(thin, bright);
 }
 
-.appMount-2yBXZl .calendarPicker-sDhzdi {
+.appMount_fae9dd .calendarPicker__5c474 {
     @include bd.border(thin);
 
     .react-datepicker,
diff --git a/scss/overlay/popover/_threads.scss b/scss/overlay/popover/_threads.scss
index 1029e6f..c99d297 100644
--- a/scss/overlay/popover/_threads.scss
+++ b/scss/overlay/popover/_threads.scss
@@ -2,7 +2,7 @@
 
 // ---- Threads popover ----
 // Thread container
-.container-2rzKKA,
-.container-2rzKKA:hover {
+.container__6604b,
+.container__6604b:hover {
     @include bd.border(thin);
 }
diff --git a/scss/overlay/popover/_tooltip.scss b/scss/overlay/popover/_tooltip.scss
index 5dc92b5..8d80b27 100644
--- a/scss/overlay/popover/_tooltip.scss
+++ b/scss/overlay/popover/_tooltip.scss
@@ -2,17 +2,16 @@
 @use "../../top/border" as bd;
 
 // ---- Tooltips ----
-.tooltip-33Jwqe {
+.tooltip__01384 {
     @include bd.border(thin, bright);
 }
 
 // Arrow towards tooltip source
-.tooltipPointer-sMBQqe {
+.tooltipPointer_a79354 {
     display: none;
 }
 
 // "Verified" connection tooltip
-.appMount-2yBXZl .tooltipBrand-20XsMA,
-.theme-light .tooltipBrand-20XsMA {
+.appMount_fae9dd .tooltipBrand__13fbc {
     background-color: $background-color;
 }
diff --git a/scss/overlay/popover/_userprofile.scss b/scss/overlay/popover/_userprofile.scss
index 3ee02d3..db56879 100644
--- a/scss/overlay/popover/_userprofile.scss
+++ b/scss/overlay/popover/_userprofile.scss
@@ -2,6 +2,6 @@
 
 // ---- User profile popover ----
 // User roles
-.role-2TIOKu {
+.role__631a3 {
     @include bd.border(thin);
 }
diff --git a/scss/part/_button.scss b/scss/part/_button.scss
index b1e0504..efa43f4 100644
--- a/scss/part/_button.scss
+++ b/scss/part/_button.scss
@@ -2,7 +2,7 @@
 @use "../top/hsla";
 
 // Filled button with discord blue background
-.lookFilled-1H2Jvj.colorBrand-2M3O3N {
+.lookFilled__19298.colorBrand_b2253e {
     background: $accent-color;
 
     &:hover {
@@ -11,36 +11,36 @@
 }
 
 // Buttons
-.lookFilled-yCfaCM.colorBrand-I6CyqQ,
-.lookFilled-yCfaCM.colorBrand-I6CyqQ:disabled,
-.lookFilled-yCfaCM.colorPrimary-2AuQVo,
-.lookFilled-yCfaCM.colorBrandNew-2-gGsS {
+.lookFilled__19298.colorBrand_b2253e,
+.lookFilled__19298.colorBrand_b2253e:disabled,
+.lookFilled__19298.colorPrimary__6ed40,
+.lookFilled__19298.colorBrandNew_fd170a {
     background-color: hsla.default($accent-hue, 0.3);
 }
 
-.lookFilled-yCfaCM.colorBrand-I6CyqQ:hover,
-.lookFilled-yCfaCM.colorPrimary-2AuQVo:hover,
-.lookFilled-yCfaCM.colorBrandNew-2-gGsS:hover {
+.lookFilled__19298.colorBrand_b2253e:hover,
+.lookFilled__19298.colorPrimary__6ed40:hover,
+.lookFilled__19298.colorBrandNew_fd170a:hover {
     background-color: hsla.default($accent-hue, 0.7);
 }
 
-.lookFilled-yCfaCM.colorBrand-I6CyqQ:active,
-.lookFilled-yCfaCM.colorPrimary-2AuQVo:active,
-.lookFilled-yCfaCM.colorBrandNew-2-gGsS:active {
+.lookFilled__19298.colorBrand_b2253e:active,
+.lookFilled__19298.colorPrimary__6ed40:active,
+.lookFilled__19298.colorBrandNew_fd170a:active {
     background-color: $accent-color;
 }
 
 // Green buttons
-.lookOutlined-3yKVGo.colorGreen-3y-Z79 {
+.lookOutlined__46d54.colorGreen__5f181 {
     background-color: hsla.default($accent-hue, 0.2);
 }
 
 // Red buttons
-.lookFilled-yCfaCM.colorred-rQXKgM {
+.lookFilled__19298.colorRed_d6b062 {
     background: $accent-color;
 }
 
 // Dangerous buttons when hovered
-.button-3bklZh.dangerous-Y36ifs:hover {
+.button_d553e5.dangerous_b60ec0:hover {
     color: $bright-color;
 }
diff --git a/scss/part/_clyde.scss b/scss/part/_clyde.scss
index 18818e6..ed35b02 100644
--- a/scss/part/_clyde.scss
+++ b/scss/part/_clyde.scss
@@ -2,40 +2,40 @@
 @use "../top/hsla";
 
 // Messages from Clyde now appear as SYSTEM
-.compact-2Nkcau.wrapper-30-Nkg.ephemeral-2nDdnn,
-.cozyMessage-1DWF9U.wrapper-30-Nkg.ephemeral-2nDdnn,
-.message-2CShn3.ephemeral-2nDdnn.selected-2LX7Jy,
-.mouse-mode.full-motion .ephemeral-2nDdnn:hover {
+.compact__54ecc.wrapper__09ecc.ephemeral_c26b64,
+.cozyMessage__64ce7.wrapper__09ecc.ephemeral_c26b64,
+.message__80c10.ephemeral_c26b64.selected_fd9051,
+.mouse-mode.full-motion .ephemeral_c26b64:hover {
     border-color: hsla.default($accent-hue, 0.7);
     background-color: transparent;
 }
 
 // No left bar
-.ephemeral-2nDdnn:before {
+.ephemeral_c26b64:before {
     display: none;
 }
 
 // Change popout banner
-.userPopout-2j1gM4[aria-label="Clyde"] .popoutBanner-3cqRD9 {
+[aria-label="Clyde"] .popoutBanner__9f5b9 {
     background-color: $background-color !important;
 }
 
 // Change avatar
-.ephemeral-2nDdnn .avatar-2e8lTP {
+.ephemeral_c26b64 .avatar__08316 {
     filter: contrast(2) saturate(100) invert(1);
 }
 
-.full-motion .avatar-2e8lTP.clickable-31pE3P:hover {
+.full-motion .avatar__08316.clickable_d866f1:hover {
     filter: hue-rotate(130deg) contrast(2) saturate(100);
 }
 
 // Change name
-.ephemeral-2nDdnn .username-h_Y3Us {
+.ephemeral_c26b64 .username_d30d99 {
     visibility: hidden;
     padding-right: 0.5rem;
 }
 
-.ephemeral-2nDdnn .username-h_Y3Us::after {
+.ephemeral_c26b64 .username_d30d99::after {
     visibility: visible;
     content: "SYSTEM";
     display: block;
@@ -46,23 +46,23 @@
     background: linear-gradient(transparent, $background-color 40%, transparent 60%);
 }
 
-.ephemeral-2nDdnn .username-h_Y3Us:hover::after {
+.ephemeral_c26b64 .username_d30d99:hover::after {
     text-decoration: underline;
 }
 
 // Totally not a bot
-.ephemeral-2nDdnn .botTag-1NoD0B {
+.ephemeral_c26b64 .botTag__11e95 {
     display: none;
 }
 
 // Timestamp
-.ephemeral-2nDdnn .timestamp-p1Df1m,
-.ephemeral-2nDdnn .timestamp-p1Df1m.alt-1dvXnH {
+.ephemeral_c26b64 .timestamp_cdbd93,
+.ephemeral_c26b64 .timestamp_cdbd93.alt__6c563 {
     color: $clyde-color-dim;
 }
 
 // Content
-.ephemeral-2nDdnn .markup-eYLPri {
+.ephemeral_c26b64 .markup_a7e664 {
     color: $clyde-color;
     text-shadow:
         2px 0 10px $clyde-color,
@@ -71,13 +71,13 @@
 }
 
 // Dismiss message box
-.ephemeralMessage-11q8XZ {
+.ephemeralMessage__6a8ba {
     color: $clyde-color-dim;
     font-size: 100%;
     text-transform: uppercase;
 }
 
-.compact-2Nkcau .ephemeralMessage-11q8XZ {
+.compact__54ecc .ephemeralMessage__6a8ba {
     position: absolute;
     right: 0;
     background: linear-gradient(transparent, $background-color 50%, transparent 70%);
@@ -87,6 +87,6 @@
     gap: 0.6rem;
 }
 
-.ephemeralMessage-11q8XZ .anchor-1MIwyf {
+.ephemeralMessage__6a8ba .anchor_c8ddc0 {
     color: $clyde-color;
 }
diff --git a/scss/part/_glow.scss b/scss/part/_glow.scss
index 593b696..bf10b94 100644
--- a/scss/part/_glow.scss
+++ b/scss/part/_glow.scss
@@ -2,38 +2,38 @@
 @use "../top/glow";
 
 // Chat content text glow
-.markup-eYLPri {
+.markup_a7e664 {
     text-shadow:
         2px 0 10px $glow-color,
         -2px 0 10px $glow-color;
 }
 
-.repliedTextContent-2hOYMB.markup-eYLPri,
-.edited-1v5nT8,
-.markup-eYLPri code.hljs,
-.markup-eYLPri code.inline,
-.timestamp-2qj4__,
-.timestamp-p1Df1m,
-.timestampInline-_lS3aK,
-.threadMessageAccessoryPreview-13YRmc .markup-eYLPri {
+.repliedTextContent__75526.markup_a7e664,
+.edited_b20dd9,
+.markup_a7e664 code.hljs,
+.markup_a7e664 code.inline,
+.timestamp_c6898e,
+.timestamp_cdbd93,
+.timestampInline__470e0,
+.threadMessageAccessoryPreview__22a00 .markup_a7e664 {
     text-shadow: none;
 }
 
 // Channel and user pings, hyperlinks
-.appMount-2yBXZl .mention,
-.markup-eYLPri a {
+.appMount_fae9dd .mention,
+.markup_a7e664 a {
     @include glow.text(20px);
 }
 
 // Role pings, pin/join/thread alert messages, selected text
-.appMount-2yBXZl .mention.roleMention-11Aaqi,
-.content-vSHmMD,
+.appMount_fae9dd .mention.roleMention__02469,
+.content__72fdc,
 ::selection {
     @include glow.text(10px);
 }
 
 // Member list usernames with role colours
-.username-3_PJ5r {
+.username_d272d6 {
     @include glow.text(5px);
 }
 
@@ -49,7 +49,7 @@ span[style="color: rgb(1, 1, 1);"] {
 }
 
 // Status glow
-.wrapper-3Un6-K {
+.wrapper_edb6e0 {
     @include glow.status(#23a55a, 139, 47.3%, 43.9%);
     @include glow.status(#f0b232, 38, 95.7%, 54.1%);
     @include glow.status(#f23f43, 359, 82.6%, 59.4%);
@@ -57,11 +57,11 @@ span[style="color: rgb(1, 1, 1);"] {
 }
 
 // Do not clip chat content glow
-.zalgo-26OfGz .messageContent-2t3eCI {
+.zalgo__39311 .messageContent__21e69 {
     overflow: visible;
 }
 
 // Boosts bar
-.progressBarContainer-1efroK {
+.progressBarContainer__9b571 {
     box-shadow: 0 0 10px $glow-color;
 }
diff --git a/scss/part/_index.scss b/scss/part/_index.scss
index 79a297e..1c0d8e0 100644
--- a/scss/part/_index.scss
+++ b/scss/part/_index.scss
@@ -9,33 +9,33 @@
 @use "../top/hsla";
 
 // Notification counter
-.numberBadge-37OJ3S {
+.numberBadge__50328 {
     padding: 2px 0 0 2px;
     width: 18px !important;
 }
 
 // discord friends tab: for some reason not currently using a variable
-.appMount-2yBXZl .container-2cd8Mz {
+.appMount_fae9dd .container__5c7e7 {
     background-color: $background-color;
 }
 
 // Checkboxes
-.appMount-2yBXZl .checkbox-f1HnKB.checked-1pZh2h {
+.appMount_fae9dd .checkbox_c7f690.checked__24ad6 {
     border-color: $bright-color !important;
     color: $bright-color;
     background: transparent !important;
 }
 
-.appMount-2yBXZl .checkbox-f1HnKB.checked-1pZh2h path {
+.appMount_fae9dd .checkbox_c7f690.checked__24ad6 path {
     fill: currentColor;
 }
 
-.appMount-2yBXZl .checkbox-1LuCGM.checked-22NTbO {
+.appMount_fae9dd .checkbox_c7f690.checked__24ad6 {
     background: $accent-color !important;
     border-color: $accent-color !important;
 }
 
 // Star for verified
-.flowerStar-2tNFCR path {
+.flowerStar_a9981e path {
     fill: hsla.default($accent-hue, 0.7);
 }
diff --git a/scss/part/_spoiler.scss b/scss/part/_spoiler.scss
index ac44df3..edab953 100644
--- a/scss/part/_spoiler.scss
+++ b/scss/part/_spoiler.scss
@@ -1,18 +1,18 @@
 @use "../top/vars" as *;
 
-.appMount-2yBXZl .spoilerText-2G40u0.hidden-2lQZ5q {
+.appMount_fae9dd .spoilerMarkdownContent__2b8f8.hidden_f44e41 {
     background: $spoiler-gradient;
     background-color: transparent;
     filter: drop-shadow(0px 0px 5px $accent-color);
 }
 
-.appMount-2yBXZl .spoilerText-2G40u0.hidden-2lQZ5q:hover,
-.spoilerText-27bIiA {
+.appMount_fae9dd .spoilerMarkdownContent__2b8f8.hidden_f44e41:hover,
+.spoilerMarkdownContent__2b8f8 {
     background: $spoiler-gradient;
     filter: none;
 }
 
-.appMount-2yBXZl .spoilerWarning-1JN1Ot {
+.appMount_fae9dd .spoilerWarning_d02e2d {
     background: $spoiler-gradient;
     width: 100%;
     height: 100%;
diff --git a/scss/part/_text.scss b/scss/part/_text.scss
index 7f145af..c212435 100644
--- a/scss/part/_text.scss
+++ b/scss/part/_text.scss
@@ -46,25 +46,25 @@
 
 // All caps on areas where case is not so important
 // importantly: excludes message text, searches, emoji, and status text
-.name-28HaxV,
+.name__8d1ec,
 // channel names
-.activityUserPopout-2MzGCj,
+.activityUserPopout_c7e67d,
 // now playing game and time
 .protip-2urNh2,
 // "right click user for more actions (not changed?)
-.roleName-2ZJJYR,
+.roleName_d19d33,
 // roles
-.timestamp-p1Df1m,
+.timestamp_cdbd93,
 // message timestamp
-.divider-2rZFJK,
+.divider_b9338f,
 // day dividers
-.children-3xh0VB,
+.children__32014,
 // channel name and desc
-.navButton-1XuvI-,
+.navButton__05cc7,
 // emoji/gif picker buttons
-.categoryName-1iPNc5,
+.categoryName_d2c0d0,
 // gif picker categories
-.side-2ur1Qk // settings list
+.side_b4b3f6 // settings list
 {
     text-transform: uppercase;
 }
@@ -75,45 +75,45 @@
 }
 
 // Code blocks and inline
-.markup-eYLPri code.hljs,
-.markup-eYLPri code.inline {
+.markup_a7e664 code.hljs,
+.markup_a7e664 code.inline {
     font-family: var(--font-code);
     @include bd.border(thin, bright);
     padding: 1px 8px 3px 8px;
 }
 
 // Code in replied message
-.markup-eYLPri.repliedTextContent-2hOYMB code.inline {
+.markup_a7e664.repliedTextContent__75526 code.inline {
     padding: 1px 8px 2px 8px;
 }
 
 // Underline #channels and @pings
-.appMount-2yBXZl .wrapper-1ZcZW- {
+.appMount_fae9dd .wrapper__2d9b1 {
     text-decoration: underline;
     background: $embed-color;
 }
 
 // User, role, and channel mentions
-.appMount-2yBXZl .mention {
+.appMount_fae9dd .mention {
     color: $bright-color;
 }
 
 // Fix font size of channel group and user group labels to match others
 .da-username,
-.container-q97qHp,
+.container_de798d,
 .name-3YKhmS {
     font-size: 16px;
 }
 
 // [user] created thread, pinned message, joined server, etc. alert message
-.content-vSHmMD {
+.content__72fdc {
     text-transform: uppercase;
 }
 
-.content-vSHmMD a {
+.content__72fdc a {
     text-transform: none;
 }
 
-.compact-3bMNvi {
+.compact_cd7e32 {
     margin-left: 0;
 }
diff --git a/scss/plugin/_ChannelPermissions.scss b/scss/plugin/_ChannelPermissions.scss
index 9bf94a6..138f24c 100644
--- a/scss/plugin/_ChannelPermissions.scss
+++ b/scss/plugin/_ChannelPermissions.scss
@@ -1,11 +1,11 @@
 @use "../top/border" as bd;
 
 // ---- Channel Permissions plugin popover ----
-.popout-TdhJ6Z,
-.container-8Futzw {
+.popout__24e32,
+.container__56cd1 {
     @include bd.border(thin);
 }
 
-.container-8Futzw .FarcradaChannelTooltipClass {
+.container__56cd1 .FarcradaChannelTooltipClass {
     margin-top: 8px !important;
 }
diff --git a/scss/plugin/_RadialStatus.scss b/scss/plugin/_RadialStatus.scss
index c979be0..f539585 100644
--- a/scss/plugin/_RadialStatus.scss
+++ b/scss/plugin/_RadialStatus.scss
@@ -1,7 +1,7 @@
 // RadialStatus
 
 // If phone display on
-#app-mount .wrapper-3Un6-K foreignObject[mask*="mobile"]:after {
+#app-mount .wrapper_edb6e0 foreignObject[mask*="mobile"]:after {
     top: unset;
     transform: unset;
     bottom: 2px;