chore: update class names

Author: ricewind012

src/content/header/chat.scss

@@ -25,8 +25,8 @@
 		box-shadow: var(--elevation-low);
 	}
 
-	&:has(._974928fe84ca9647-search:focus-within),
-	&:has(._974928fe84ca9647-icon._974928fe84ca9647-pointer) {
+	&:has(.c322aadb96ff59c9-search:focus-within),
+	&:has(.c322aadb96ff59c9-icon._974928fe84ca9647-pointer) {
 		height: calc(var(--headerbar-height) * 2);
 	}
 
@@ -116,7 +116,7 @@
 	}
 }
 
-._974928fe84ca9647-icon {
+.c322aadb96ff59c9-icon {
 	@include controls.icon-button-with-tooltip(
 		$name: "loupe-large",
 		$direction: "bottom",
@@ -127,7 +127,7 @@
 
 	cursor: pointer;
 
-	._974928fe84ca9647-search._974928fe84ca9647-open & {
+	.c322aadb96ff59c9-search.c322aadb96ff59c9-open & {
 		@include controls.button-selected;
 	}
 
@@ -188,7 +188,7 @@
 	}
 }
 
-._974928fe84ca9647-searchBar {
+.c322aadb96ff59c9-searchBar {
 	background: transparent;
 	color: inherit;
 	padding: 0;

src/content/sidebar-right/search-results.scss

@@ -5,7 +5,7 @@
 	@include controls.button;
 }
 
-.f3b986a284a18c78-searchHeader {
+.ae7890a1b8e75804-searchHeader {
 	border-bottom: 1px solid var(--secondary_sidebar_border_color);
 	padding: var(--spacing);
 
@@ -16,18 +16,18 @@
 	}
 }
 
-._02a39cb2980ceaaf-searchResult {
+._80bf8435713f6adb-searchResult {
 	background-color: transparent;
 	border: none;
 	border-radius: 0;
 	margin: 0;
 }
 
-._56fec8e8b8048fe0-searchResultChannelCategory {
+._16eb0bfd5c5a90d1-searchResultChannelCategory {
 	@extend %caption;
 }
 
-.c68065c20f8328a7-searchResultGroup {
+.a7e67f4ddd7c6bb2-searchResultGroup {
 	--offset: calc(var(--document-font-size) * 1.25 + 16px);
 
 	@include controls.cards-container;
@@ -37,32 +37,32 @@
 	position: relative;
 	top: var(--offset);
 
-	.c68065c20f8328a7-channelNameIcon,
-	.c68065c20f8328a7-parentChannelName {
+	.a7e67f4ddd7c6bb2-channelNameIcon,
+	.a7e67f4ddd7c6bb2-parentChannelName {
 		display: none;
 	}
 
-	.c68065c20f8328a7-channelNameContainer {
+	.a7e67f4ddd7c6bb2-channelNameContainer {
 		position: absolute;
 		top: calc(var(--offset) * -1);
 	}
 
-	.c68065c20f8328a7-channelNameText {
+	.a7e67f4ddd7c6bb2-channelNameText {
 		@extend %title-2;
 	}
 }
 
-.a9e7064fdee8e9b0-searchResultsWrap {
+.a98f3b020416ad54-searchResultsWrap {
 	border-left: 1px solid var(--secondary_sidebar_border_color);
 
 	z-index: 0;
 
 	// Clicking on the message does the thing
-	._02a39cb2980ceaaf-button {
+	._80bf8435713f6adb-button {
 		display: none;
 	}
 
-	._02a39cb2980ceaaf-container {
+	._80bf8435713f6adb-container {
 		@include controls.card-in-container(
 			$activatable: true,
 			$first-selector: ":first-of-type",

src/popovers/search.scss

@@ -3,7 +3,7 @@
 @use "typography";
 @use "util";
 
-._1bb324526a52affb-clearSearchHistory {
+._8de16516b8d9f538-clearSearchHistory {
 	@include controls.icon-button("user-trash", "32px");
 
 	border-radius: 999px;
@@ -13,7 +13,7 @@
 	right: 0;
 }
 
-.f1c5c9823fbd3ef8-container:not(:empty) {
+.b6544fb09f373e60-container:not(:empty) {
 	@include popover.container;
 
 	margin-block-start: calc(var(--headerbar-height) + var(--spacing));
@@ -23,31 +23,31 @@
 	}
 
 	// "from: user", etc.
-	._1bb324526a52affb-filterSublabelTextContainer,
+	._8de16516b8d9f538-filterSublabelTextContainer,
 	[data-text-variant="text-sm/medium"] + [data-text-variant="text-sm/medium"] {
 		display: none;
 	}
 }
 
-._1bb324526a52affb-divider {
+._8de16516b8d9f538-divider {
 	margin: var(--menu_padding) 0;
 }
 
-._1bb324526a52affb-groupHeader {
+._8de16516b8d9f538-groupHeader {
 	padding: 0;
 
 	& > [data-text-variant] {
 		@include popover.title;
 	}
 }
 
-._1bb324526a52affb-groupWrapper {
+._8de16516b8d9f538-groupWrapper {
 	gap: 0;
 
 	position: relative;
 }
 
-._1bb324526a52affb-item {
+._8de16516b8d9f538-item {
 	padding: 0;
 
 	flex-grow: 1;
@@ -58,14 +58,14 @@
 	}
 }
 
-._1bb324526a52affb-itemContainer {
+._8de16516b8d9f538-itemContainer {
 	@include popover.entry($hover: ":is(:hover, [aria-selected='true'])");
 
 	display: flex;
 	align-items: center;
 }
 
-._1bb324526a52affb-itemIcon {
+._8de16516b8d9f538-itemIcon {
 	color: var(--popover_fg_color);
 	margin-inline-end: var(--spacing);
 
@@ -76,7 +76,7 @@
 	}
 }
 
-._1bb324526a52affb-labelWithElements {
+._8de16516b8d9f538-labelWithElements {
 	gap: var(--spacing);
 
 	flex-grow: 1;