From ab87dfd8ac62f5f135be1a307052378bf0171fb8 Mon Sep 17 00:00:00 2001
From: refact0r <34758569+refact0r@users.noreply.github.com>
Date: Tue, 19 Nov 2024 21:42:38 -0800
Subject: [PATCH] change some things to classes for performance

---
 benchmark/benchmarkresults2.csv | 232 ++++++++++++++++++++++++++++++++
 benchmark/benchmarkresults3.csv | 231 +++++++++++++++++++++++++++++++
 src/main.css                    |  73 +++++-----
 3 files changed, 499 insertions(+), 37 deletions(-)
 create mode 100644 benchmark/benchmarkresults2.csv
 create mode 100644 benchmark/benchmarkresults3.csv

diff --git a/benchmark/benchmarkresults2.csv b/benchmark/benchmarkresults2.csv
new file mode 100644
index 0000000..b0b68ef
--- /dev/null
+++ b/benchmark/benchmarkresults2.csv
@@ -0,0 +1,232 @@
+Selector,Time (ms),Matches,Total
+[class*=buttonColor_],0.4697,0,38.4736
+[class*=embedFull_],0.446,2,
+[class^='chatContent_']:has([class^='typing_']:hover),0.4342,0,
+#app-mount [class*=lookLink_][class*=colorPrimary_],0.4331,0,
+[class*=lookFilled_][class*=colorPrimary_],0.4315,0,
+[class^='chatContent_']:has([class^='messagesWrapper_']:hover),0.4189,0,
+[class^='chatContent_']:has([class^='typing_']) > [class^='messagesWrapper_'] > [class^='jumpToPresentBar_'],0.4146,0,
+#app-mount [class*=controlIcon_],0.3911,0,
+[class^=searchFilter_],0.3541,0,
+[class^='newBadge_'],0.3385,0,
+[class^=friendRequestsButton_] [class^=numberBadge_],0.3314,0,
+[class^=chat_] > [class*=container_],0.32,0,
+[class^=videoControls_],0.3099,0,
+[class*=backgroundAccent_],0.3097,0,
+[class^=searchAnswer_],0.3096,0,
+#app-mount [class^=partyStatus_],0.3063,0,
+[class^='newChannel_'],0.2995,0,
+[class^=iconBadge_]:not([class*=isCurrentUserConnected_]),0.2892,0,
+#app-mount [class^=partyStatus_] [class^=anchor_],0.2834,0,
+[class^=childWrapper_],0.2817,15,
+[class^=overlayBottom_] > [class^=text-],0.2786,0,
+[class^=gifFavoriteButton_],0.2739,0,
+[class^='form_'] [class^='channelTextArea_'],0.2703,1,
+[class^='panels_'],0.2612,1,
+[class^=panels_],0.2599,1,
+[class^=sidebar_],0.2585,1,
+[class^=button_][class*=bannerColor_],0.2576,0,
+[class^='content_']>[class^='outer_'],0.2546,0,
+[class^=channelTextArea] > [class^=scrollableContainer],0.2527,1,
+[class^='content_']>[class^='outer_'],0.2511,0,
+[class^=sidebar_] > [class^=container_],0.2439,1,
+[class^='channelBottomBarArea_'],0.2423,1,
+[class^=panels_] > [class^=wrapper_] > [class^=container],0.2386,0,
+[class^='form_'] > [class^='wrapper_'],0.2365,0,
+[class^=navButton_][class*=navButtonActive_],0.2356,0,
+[class^=sidebar_],0.2315,1,
+[class^=membersWrap_],0.2308,1,
+[class^=embedVideoActions_] > [class^=centerContent_] > [class^=wrapper_],0.2273,0,
+[class^=categoryText_],0.2255,0,
+[class^='form_'] > [class^='wrapper_'],0.2233,0,
+[class^=sidebar_],0.2232,1,
+[class^=members_],0.2213,1,
+"[class^='folderIconWrapper_'][style='background-color: rgba(88, 101, 242, 0.4);']",0.2209,0,
+[class^=peopleColumn_],0.2206,0,
+[class^=nowPlayingColumn_],0.2206,0,
+[class^=message_][class*=replying_],0.2181,0,
+[class^=message_][class*=mentioned_],0.2175,5,
+[class^=bottomControls_],0.2173,0,
+[class*=bannerVisible_] [class^=headerContent_],0.2168,0,
+[class^=container_] > [class^=base_],0.2148,1,
+[class^=tabBody_],0.2147,0,
+[class^=privateChannels_],0.2141,0,
+[class^='sidebar_'] > [class^='container_'],0.2129,1,
+[class^='dot_'][class*='maskSecondary_'],0.2125,0,
+"[class^='status_'][style='background-color: rgb(35, 165, 90);']",0.2124,0,
+[class^=privateChannels_],0.2119,0,
+[class^='sidebar_'] > [class^='container_'],0.2112,1,
+[class^='content_']>[class^='outer_'],0.2105,0,
+[class^=channelBottomBarArea_],0.2103,1,
+[class^='form_'] [class^='channelTextArea_'],0.2101,1,
+[class^=privateChannels_],0.21,0,
+[class^='channelAppLauncher_'],0.2099,1,
+[class^=gradientBottom_],0.2099,0,
+[class^=centerContent_] > [class^=wrapper_] > [class^=anchor_],0.2099,0,
+[class^='form_'] > [class^='typing_'],0.2095,0,
+[class^='content_']>[class^='outer_']>[class^='inner_'],0.2094,0,
+#app-mount [class^=sidebar_] > [class^=container_],0.2093,1,
+[class^='nowPlayingColumn_'],0.209,0,
+"[class^='status_'][style='background-color: rgb(128, 132, 142);']",0.2087,0,
+[class^=peopleColumn_],0.2082,0,
+[class^='nowPlayingColumn_'],0.2079,0,
+[class^=session_],0.2078,0,
+[class^='container_'] > [class^='base_'],0.2076,1,
+[class^=searchResultsWrap_],0.2076,0,
+[class^=panels_] > [class^=panel_],0.2076,0,
+[class^='membersWrap_'],0.2076,1,
+[class^=searchResultsWrap_],0.2073,0,
+[class^=guildSeparator_],0.2072,2,
+[class^=tableCell_],0.2072,0,
+[class^=chat_] > [class^=content_] > [class^=container_],0.2071,1,
+[class^='membersWrap_'],0.207,1,
+[class^='sectionDivider_'],0.2069,0,
+[class^='privateChannels_'],0.2067,0,
+[class^='peopleColumn_'],0.2065,0,
+[class^=attachedBars_],0.2061,0,
+[class^=searchResultsWrap_],0.206,0,
+[class^='callContainer_'],0.2055,0,
+[class^='peopleColumn_'],0.2051,0,
+[class^='notAppAsidePanel_'] > [class^='layerContainer_'],0.2049,2,
+[class^='unreadPill_'][class*='endCap_'],0.2048,0,
+[class^='panels_'],0.2047,1,
+#app-mount [class^=sidebar_],0.2045,1,
+[class^=chat_],0.2044,1,
+[class^=panels_],0.2044,1,
+[class^=panels_] > [class^=container_],0.2042,1,
+[class^='chatContent_'] > [class^='messagesWrapper_'],0.2042,1,
+[class^='nowPlayingColumn_'],0.2041,0,
+[class^='membersWrap_'],0.2041,1,
+[class^=container_] > [class^=base_],0.2039,1,
+[class^='toolbar_'] > [class^='search_'],0.2034,1,
+"[class^='status_'][style='background-color: rgb(240, 178, 50);']",0.2034,0,
+[class^=tabBody_],0.2031,0,
+[class^='lowerBadge_'],0.2031,0,
+[class^=privateChannels_] > [class^=scroller_],0.2029,0,
+[class^='searchResultsWrap_'],0.2028,0,
+[class^=customizationSection_],0.2028,0,
+[class^=chatContent_] > [class^=messagesWrapper_],0.2027,1,
+[class^='upperBadge_'],0.2027,0,
+"[class^='status_'][style='background-color: rgb(242, 63, 67);']",0.2025,0,
+[class^=threadSuggestionBar_],0.2021,0,
+[class^=panels_] > [class^=panel_],0.202,0,
+[class^='searchResultsWrap_'],0.202,0,
+[class^=columnHeading_],0.2016,0,
+#app-mount [class^='divider_'],0.2016,2,
+[class^=callContainer_],0.2014,0,
+[class^='chatContent_'] > [class^='messagesWrapper_'],0.2011,1,
+[class^='channelBottomBarArea_']:hover,0.201,0,
+[class^=gradientTop_],0.2009,0,
+[class^=iconWrapper_],0.2008,6,
+[class^='guildSeparator_'],0.1998,2,
+[class^='content_']>[class^='outer_'],0.1998,0,
+[class^='privateChannels_'],0.1997,0,
+[class^=container_] > [class^=base_],0.1996,1,
+[class^=member_],0.1985,25,
+[class^='content_']>[class^='outer_'],0.1984,0,
+[class^='sectionDivider_'],0.198,0,
+[class^=topControls_],0.198,0,
+[class^='membersWrap_'],0.1974,1,
+[class^=privateChannels_],0.1971,0,
+[class^=content_] > [class^=resizeHandle_],0.1969,0,
+[class^=replyBar_],0.196,0,
+[class^='form_'] [class^='channelTextArea_'],0.1958,1,
+[class^='divider_']:not(.isUnread_c2654d),0.194,2,
+.wrapper_c51b4e:has(rect[fill='#f0b232']),0.1871,8,
+[class^='listItem_'] [class^='wrapper_'] > [class^='svg_'] > mask,0.1624,39,
+:root,0.1432,1,
+.wrapper_c51b4e:has(rect[fill='#80848e']),0.1408,1,
+.wrapper_c51b4e:has(rect[fill='#593695']),0.1371,0,
+.wrapper_c51b4e:has(rect[fill='#f23f43']),0.1349,5,
+.wrapper_c51b4e:has(rect),0.1342,26,
+.wrapper_c51b4e:has(rect[fill='#23a55a']),0.1332,12,
+[class^='svg_'] > foreignObject,0.123,99,
+[role='button'] path[fill='var(--white-500)'],0.1159,0,
+"svg[style='color: rgb(88, 101, 242);']",0.1122,13,
+[class^=jumpToPresentBar_] > button,0.1117,2,
+"[style='opacity: 1; background-color: rgb(35, 165, 90);']",0.1095,0,
+:root,0.1094,1,
+[class^='mask_'] > rect,0.1049,26,
+[class^='mask_'] > foreignObject,0.1041,26,
+[class^='mask_'] > svg,0.1035,1,
+#app-mount button path[fill='var(--white-500)'],0.1031,0,
+[class^='bannerSVGWrapper_'] > mask > circle,0.102,0,
+svg[class^=slider_] > rect[fill='white'],0.1016,0,
+:root,0.0946,1,
+[class^='mask_'] > circle,0.0937,0,
+[class^=callContainer_] [class^=topControls_] section,0.0882,0,
+.container_a6d69a,0.0797,0,
+.guilds_a4d4d9,0.0771,1,
+.container_adcaac,0.0769,0,
+.vc-spotify-time-left,0.0766,0,
+.vc-spotify-time-right,0.0746,0,
+.guilds_a4d4d9,0.0733,1,
+.form_a7d72e,0.0731,1,
+.container_fc4f04,0.0723,1,
+.container_c2739c,0.072,0,
+.form_a7d72e,0.0719,1,
+*,0.0714,6196,
+.timestamp_f9f2ca.latin24CompactTimeStamp_f9f2ca,0.0713,13,
+.container_d1c246,0.0713,0,
+.vc-ranb-button,0.0709,0,
+.container_b2ca13,0.0707,1,
+.wrapper_fea3ef,0.0706,1,
+.statusBubbleOuter_d0a252,0.0706,0,
+.container_fc4f04,0.0704,1,
+.scroller_bf550a,0.0703,0,
+.guilds_a4d4d9,0.0703,1,
+.attachButton_f298d4,0.0702,1,
+.container_a6d69a,0.07,0,
+.clipContainer_b11c5e,0.0699,0,
+.chat_a7d72e,0.0699,1,
+.form_a7d72e,0.0698,1,
+.panels_a4d4d9,0.0698,1,
+".container_e85446:has(div[style='background-color: rgb(35, 165, 90);'])",0.0698,0,
+.textArea_bdf0de,0.0697,1,
+.content_a7d72e,0.0695,1,
+.container_adcaac,0.0695,0,
+.animatedContainer_fd6364,0.0693,1,
+.guilds_a4d4d9,0.0692,1,
+.container_fb4810,0.0692,0,
+.separator_a0,0.0692,0,
+".container_e85446:has(div[style='background-color: rgb(35, 165, 90);'])",0.0692,0,
+.scroller_fb4810,0.0691,0,
+.wordmarkWindows_a934d8 > svg,0.0691,1,
+.wordmarkWindows_a934d8,0.0688,1,
+.container_fc4f04,0.0688,1,
+.scroller_fb4810,0.0688,0,
+.guilds_a4d4d9,0.0687,1,
+.container_e85446 > [class^='svg_'] > foreignObject > [class^='status_'],0.0686,0,
+.newMessagesBar_cf58b5,0.0685,0,
+.container_a4d4d9,0.0684,1,
+.scroller_e2e187,0.0684,1,
+.platform-osx .guilds_a4d4d9,0.0684,0,
+.scroller_fb4810,0.0683,0,
+.container_c75f85,0.0683,0,
+.container_c2739c,0.0681,0,
+html.theme-light,0.0681,0,
+.container_a6d69a,0.0681,0,
+.grabber_c7a159,0.068,0,
+.scroller_fb4810,0.0679,0,
+.theme-dark,0.0678,1,
+.statusBubbleOuter_d0a252,0.0678,0,
+.tabBody_c2739c,0.0677,0,
+.container_d1c246,0.0676,0,
+.horizontal_dc333f > .flex_dc333f,0.0673,0,
+.separator_a0,0.0669,0,
+.vc-spotify-time-left,0.0666,0,
+.container_fc4f04,0.0662,1,
+.vc-spotify-time-right,0.0661,0,
+.wrapper_fea3ef.hidden_fea3ef,0.0661,0,
+#vc-spotify-player,0.0004,0,
+#vc-spotify-progress-bar [class^='bar_'],0.0004,0,
+#vc-spotify-player,0.0004,0,
+.overlay_f94206:after,0.0004,0,
+#app-mount #vc-spotify-player,0.0003,0,
+#vc-spotify-player,0.0003,0,
+#vc-spotify-progress-bar,0.0003,0,
+::placeholder,0.0003,0,
+::selection,0.0003,0,
+::-webkit-scrollbar-thumb,0.0003,0,
+.overlay_f18fcb:after,0.0003,0,
+#vc-spotify-player,0.0002,0,
diff --git a/benchmark/benchmarkresults3.csv b/benchmark/benchmarkresults3.csv
new file mode 100644
index 0000000..6136e4b
--- /dev/null
+++ b/benchmark/benchmarkresults3.csv
@@ -0,0 +1,231 @@
+Selector,Time (ms),Matches,Total
+[class^='chatContent_']:has([class^='messagesWrapper_']:hover),0.4053,0,29.2904
+[class^='chatContent_']:has([class^='typing_']:hover),0.3815,0,
+[class^=chat_] > [class*=container_],0.3098,0,
+[class^=chat_] > [class^=content_] > [class^=container_],0.238,0,
+[class*=backgroundAccent_],0.2297,0,
+[class^='form_'] [class^='channelTextArea_'],0.2236,1,
+[class^='membersWrap_'],0.2207,0,
+[class^=panels_],0.2156,1,
+[class^=centerContent_] > [class^=wrapper_] > [class^=anchor_],0.2081,0,
+[class^=searchResultsWrap_],0.1998,0,
+[class^='content_']>[class^='outer_'],0.1997,0,
+[class^='form_'] > [class^='wrapper_'],0.1982,0,
+[class^=videoControls_],0.1967,0,
+[class^=sidebar_] > [class^=container_],0.1947,1,
+[class^=privateChannels_],0.1911,0,
+[class^='content_'] > [class^='outer_'],0.19,0,
+"[class^='status_'][style='background-color: rgb(240, 178, 50);']",0.19,0,
+[class^='form_'] > [class^='wrapper_'],0.1888,0,
+[class^=embedVideoActions_] > [class^=centerContent_] > [class^=wrapper_],0.1887,0,
+[class^=iconBadge_]:not([class*=isCurrentUserConnected_]),0.1881,1,
+[class^='sidebar_'] > [class^='container_'],0.1842,1,
+[class^='peopleColumn_'],0.1839,0,
+[class^='lowerBadge_'],0.1839,0,
+[class^='gradientBottom_'],0.1836,0,
+[class^=overlayBottom_] > [class^=text-],0.1834,0,
+"[class^='status_'][style='background-color: rgb(35, 165, 90);']",0.1834,0,
+[class^='chatContent_']:has([class^='typing_']) > [class^='messagesWrapper_'] > [class^='jumpToPresentBar_'],0.1834,0,
+"[class^='status_'][style='background-color: rgb(128, 132, 142);']",0.1834,0,
+"[class^='status_'][style='background-color: rgb(242, 63, 67);']",0.1832,0,
+[class^='form_'] > [class^='typing_'],0.183,1,
+[class^=panels_],0.1826,1,
+[class^='searchResultsWrap_'],0.1826,0,
+[class^='callContainer_'],0.182,0,
+[class^='upperBadge_'],0.1817,0,
+[class^=childWrapper_],0.1817,15,
+[class^=members_],0.1815,0,
+[class^=button_][class*=bannerColor_],0.181,0,
+[class^='gradientTop_'],0.181,0,
+[class^='sidebar_'] > [class^='container_'],0.1808,1,
+[class^=searchFilter_],0.1807,0,
+[class^=privateChannels_],0.1804,0,
+[class^='panels_'],0.1794,1,
+[class^=member_],0.1791,0,
+[class^='membersWrap_'],0.1791,0,
+[class^=message_][class*=replying_],0.179,0,
+[class^='unreadPill_'][class*='endCap_'],0.1788,0,
+[class^='privateChannels_'],0.1787,0,
+[class^='bottomControls_'],0.1787,0,
+[class^=message_][class*=mentioned_],0.1784,5,
+[class^='content_'] > [class^='outer_'],0.1784,0,
+#app-mount [class^=partyStatus_],0.1784,0,
+[class^=searchAnswer_],0.1781,0,
+[class^=panels_] > [class^=wrapper_] > [class^=container],0.178,0,
+[class^='peopleColumn_'],0.1779,0,
+[class^='form_'] [class^='channelTextArea_'],0.1779,1,
+#app-mount [class^=partyStatus_] [class^=anchor_],0.1776,0,
+[class^='panels_'],0.1766,1,
+[class^='form_'] [class^='channelTextArea_'],0.1766,1,
+[class^=replyBar_],0.1765,0,
+[class^='privateChannels_'],0.1765,0,
+[class^=channelBottomBarArea_],0.1764,1,
+[class^='divider_']:not(.isUnread_c2654d),0.1763,2,
+[class^=navButton_][class*=navButtonActive_],0.1762,0,
+[class^=container_] > [class^=base_],0.1756,1,
+[class^='nowPlayingColumn_'],0.1755,0,
+[class^='membersWrap_'],0.1755,0,
+[class^=sidebar_],0.1753,1,
+[class^='newChannel_'],0.1752,0,
+[class^=nowPlayingColumn_],0.1752,0,
+[class^=guildSeparator_],0.1751,2,
+[class^='topControls_'],0.175,0,
+[class^='container_'] > [class^='base_'],0.1748,1,
+[class^=panels_] > [class^=container_],0.1742,1,
+[class^='notAppAsidePanel_'] > [class^='layerContainer_'],0.1742,2,
+[class^=columnHeading_],0.174,0,
+[class^='channelBottomBarArea_']:hover,0.1739,0,
+[class^=attachedBars_],0.1738,0,
+[class^='membersWrap_'],0.1738,0,
+[class^=searchResultsWrap_],0.1737,0,
+[class^=gifFavoriteButton_],0.1736,0,
+[class^=membersWrap_],0.1736,0,
+[class^=customizationSection_],0.1732,0,
+#app-mount [class^=sidebar_] > [class^=container_],0.1727,1,
+[class^='newBadge_'],0.1726,0,
+[class^='channelBottomBarArea_'],0.1723,1,
+[class^=sidebar_],0.1722,1,
+[class^=privateChannels_],0.1722,0,
+[class^=sidebar_],0.1721,1,
+[class^='toolbar_'] > [class^='search_'],0.172,1,
+[class^=privateChannels_],0.1713,0,
+[class^=friendRequestsButton_] [class^=numberBadge_],0.1713,0,
+[class*=bannerVisible_] [class^=headerContent_],0.1712,0,
+[class^=iconWrapper_],0.1712,7,
+[class^=chatContent_] > [class^=messagesWrapper_],0.1712,1,
+[class^='content_']>[class^='outer_']>[class^='inner_'],0.171,0,
+[class^='nowPlayingColumn_'],0.1709,0,
+[class^=peopleColumn_],0.1709,0,
+[class^='content_']>[class^='outer_'],0.1707,0,
+[class^=searchResultsWrap_],0.1707,0,
+[class^='chatContent_'] > [class^='messagesWrapper_'],0.1707,1,
+[class^=tableCell_],0.1707,0,
+[class^=tabBody_],0.1706,0,
+[class^=peopleColumn_],0.1705,0,
+[class^=tabBody_],0.1703,0,
+[class^='dot_'][class*='maskSecondary_'],0.1702,0,
+[class^='sectionDivider_'],0.1701,1,
+[class^='searchResultsWrap_'],0.1701,0,
+[class^=privateChannels_] > [class^=scroller_],0.17,0,
+[class^=container_] > [class^=base_],0.17,1,
+[class^='content_'] > [class^='outer_'],0.1699,0,
+[class^=chat_],0.1696,1,
+[class^='channelAppLauncher_'],0.1696,1,
+[class^='nowPlayingColumn_'],0.1696,0,
+#app-mount [class^=sidebar_],0.1689,1,
+[class^='guildSeparator_'],0.1688,2,
+[class^=panels_] > [class^=panel_],0.1686,0,
+[class^=threadSuggestionBar_],0.1685,0,
+[class^='chatContent_'] > [class^='messagesWrapper_'],0.1684,1,
+[class^=session_],0.1684,0,
+[class^=categoryText_],0.1683,0,
+[class^=channelTextArea] > [class^=scrollableContainer],0.1679,1,
+[class^=panels_] > [class^=panel_],0.1677,0,
+"[class^='folderIconWrapper_'][style='background-color: rgba(88, 101, 242, 0.4);']",0.1674,0,
+[class^='sectionDivider_'],0.1671,1,
+[class^='callContainer_'],0.1669,0,
+[class^=content_] > [class^=resizeHandle_],0.1663,0,
+[class^=container_] > [class^=base_],0.1661,1,
+#app-mount [class^='divider_'],0.1639,2,
+[class^='listItem_'] [class^='wrapper_'] > [class^='svg_'] > mask,0.123,45,
+*,0.1194,5612,
+[class^='mask_'] > foreignObject,0.1165,1,
+[class^='bannerSVGWrapper_'] > mask > circle,0.1122,0,
+[class^='mask_'] > rect,0.1074,1,
+[class^='svg_'] > foreignObject,0.1069,100,
+[class^='mask_'] > svg,0.1043,0,
+#app-mount .controlIcon_ef18ee,0.1034,0,
+#app-mount .lookLink_dd4f85.colorPrimary_dd4f85,0.1023,0,
+[class^='mask_'] > circle,0.099,0,
+"[style='opacity: 1; background-color: rgb(35, 165, 90);']",0.0979,0,
+"svg[style='color: rgb(88, 101, 242);']",0.0884,13,
+#app-mount button path[fill='var(--white-500)'],0.087,0,
+[role='button'] path[fill='var(--white-500)'],0.083,0,
+:root,0.0804,1,
+:root,0.0792,1,
+[class^='callContainer_'] [class^='topControls_'] section,0.0784,0,
+svg[class^=slider_] > rect[fill='white'],0.0784,0,
+:root,0.0767,1,
+[class^=jumpToPresentBar_] > button,0.0735,0,
+.wrapper_c51b4e:has(rect[fill='#80848e']),0.0695,1,
+.textArea_bdf0de,0.0636,1,
+.attachButton_f298d4,0.0619,1,
+.wrapper_c51b4e:has(rect[fill='#593695']),0.0614,0,
+.wrapper_c51b4e:has(rect[fill='#f0b232']),0.0609,0,
+.guilds_a4d4d9,0.0607,1,
+.wrapper_c51b4e:has(rect),0.0607,1,
+.wrapper_c51b4e:has(rect[fill='#f23f43']),0.0606,0,
+.theme-dark,0.0602,1,
+.wrapper_c51b4e:has(rect[fill='#23a55a']),0.0597,0,
+.lookFilled_dd4f85.colorPrimary_dd4f85,0.0584,0,
+.container_fc4f04,0.0581,1,
+.guilds_a4d4d9,0.058,1,
+.timestamp_f9f2ca.latin24CompactTimeStamp_f9f2ca,0.0577,32,
+.container_c2739c,0.0572,0,
+.container_b2ca13,0.0571,1,
+".container_e85446:has(div[style='background-color: rgb(35, 165, 90);'])",0.0568,0,
+.embedFull_b0068a,0.0567,1,
+.separator_a0,0.0564,0,
+.scroller_fb4810,0.0562,0,
+.scroller_fb4810,0.0562,0,
+.statusBubbleOuter_d0a252,0.056,0,
+.statusBubbleOuter_d0a252,0.0559,0,
+.container_a4d4d9,0.0558,1,
+.container_a6d69a,0.0557,0,
+.container_fc4f04,0.0557,1,
+.container_a6d69a,0.0557,0,
+.form_a7d72e,0.0556,1,
+.wrapper_fea3ef.hidden_fea3ef,0.0556,0,
+.guilds_a4d4d9,0.0555,1,
+.vc-ranb-button,0.0555,0,
+.horizontal_dc333f > .flex_dc333f,0.0555,0,
+.wordmarkWindows_a934d8 > svg,0.0554,1,
+".container_e85446:has(div[style='background-color: rgb(35, 165, 90);'])",0.0554,0,
+.vc-spotify-time-right,0.0553,0,
+.newMessagesBar_cf58b5,0.0553,0,
+.chat_a7d72e,0.0552,1,
+.panels_a4d4d9,0.0552,1,
+.container_fb4810,0.0552,0,
+.vc-spotify-time-right,0.0552,0,
+.content_a7d72e,0.0551,1,
+.container_d1c246,0.0551,0,
+.form_a7d72e,0.0551,1,
+.wordmarkWindows_a934d8,0.0551,1,
+.vc-spotify-time-left,0.0551,0,
+.scroller_bf550a,0.055,0,
+.clipContainer_b11c5e,0.0549,0,
+.vc-spotify-time-left,0.0549,0,
+.wrapper_fea3ef,0.0549,1,
+.grabber_c7a159,0.0549,0,
+.platform-osx .guilds_a4d4d9,0.0548,0,
+.container_fc4f04,0.0548,1,
+.guilds_a4d4d9,0.0547,1,
+.container_a6d69a,0.0547,0,
+.scroller_e2e187,0.0546,1,
+.container_c75f85,0.0546,0,
+.container_c2739c,0.0546,0,
+.animatedContainer_fd6364,0.0544,0,
+.container_e85446 > [class^='svg_'] > foreignObject > [class^='status_'],0.0544,0,
+.container_fc4f04,0.0544,1,
+.container_d1c246,0.0544,0,
+.separator_a0,0.0544,0,
+.container_adcaac,0.0542,0,
+.guilds_a4d4d9,0.0542,1,
+html.theme-light,0.054,0,
+.form_a7d72e,0.0539,1,
+.tabBody_c2739c,0.0539,0,
+.scroller_fb4810,0.0539,0,
+.container_adcaac,0.0538,0,
+.scroller_fb4810,0.0533,0,
+::selection,0.0028,0,
+#vc-spotify-player,0.0003,0,
+#vc-spotify-player,0.0003,0,
+#vc-spotify-player,0.0003,0,
+#vc-spotify-progress-bar,0.0003,0,
+#vc-spotify-progress-bar [class^='bar_'],0.0003,0,
+.overlay_f94206:after,0.0003,0,
+#app-mount #vc-spotify-player,0.0002,0,
+#vc-spotify-player,0.0002,0,
+.overlay_f18fcb:after,0.0002,0,
+::-webkit-scrollbar-thumb,0.0001,0,
+::placeholder,0.0001,0,
diff --git a/src/main.css b/src/main.css
index d95e7cd..9fc44fb 100644
--- a/src/main.css
+++ b/src/main.css
@@ -95,7 +95,7 @@
 [class^=childWrapper_] /* no color servers */ {
 	background-color: var(--bg-1);
 }
-[class*=embedFull_] /* embed default color */ {
+.embedFull_b0068a /* embed default color */ {
 	border-color: var(--bg-2);
 }
 /* fix text */
@@ -104,16 +104,15 @@
 	color: var(--bg-0);
 }
 /* fix white-500 */
-[class*=buttonColor_] /* play on spotify button */, 
-[class*=lookFilled_][class*=colorPrimary_] /* neutral buttons (like in account settings) */,
-#app-mount [class*=lookLink_][class*=colorPrimary_] /* link buttons (like in account settings) */,
+.lookFilled_dd4f85.colorPrimary_dd4f85 /* neutral buttons (like in account settings) */,
+#app-mount .lookLink_dd4f85.colorPrimary_dd4f85 /* link buttons (like in account settings) */,
 [class^=friendRequestsButton_] [class^=numberBadge_] /* inbox friend requests number */,
 [class^=searchFilter_], [class^=searchAnswer_], 
 #app-mount [class^=partyStatus_] [class^=anchor_] /* spotify listen along link */,
 #app-mount [class^=partyStatus_] /* spotify listen along text */,
 [class^=iconBadge_]:not([class*=isCurrentUserConnected_]) /* vc icon */,
 [class^=videoControls_] /* video controls */,
-#app-mount [class*=controlIcon_] /* stop streaming icon in preview */,
+#app-mount .controlIcon_ef18ee /* stop streaming icon in preview */,
 [class^=navButton_][class*=navButtonActive_] /* gif picker header selected */,
 [class^=button_][class*=bannerColor_] /* user profile buttons */,
 [class*=backgroundAccent_] /* server insights warning */ {
@@ -181,7 +180,7 @@ svg[class^=slider_] > rect[fill='white'] /* settings checkbuttons slider */ {
 	width: var(--pad);
 }
 .timestamp_f9f2ca.latin24CompactTimeStamp_f9f2ca {
-    width: 3.3rem;
+	width: 3.3rem;
 }
 
 /* fix inbox overflow and hiding window controls */
@@ -233,19 +232,19 @@ svg[class^=slider_] > rect[fill='white'] /* settings checkbuttons slider */ {
 }
 
 /* fix border hover effect */
-[class^='chatContent_']:has([class^='messagesWrapper_']:hover),
-[class^='chatContent_']:has([class^='typing_']:hover) {
-	[class^='typing_'] {
+.chatContent_a7d72e:has(> .messagesWrapper_e2e187:hover),
+.chatContent_a7d72e:has(.typing_d7ebeb:hover) {
+	.typing_d7ebeb {
 		border-color: var(--border-hover-color);
 	}
-	& > [class^='messagesWrapper_'] {
+	& > .messagesWrapper_e2e187 {
 		border-color: var(--border-hover-color);
 	}
 }
 
 /* fix double left border at friends' activity now lane */
 .scroller_bf550a {
-    border-left: 0px solid var(--background-modifier-accent);
+	border-left: 0px solid var(--background-modifier-accent);
 }
 
 /*"ReadAllNotifications" button*/
@@ -331,10 +330,10 @@ svg[class^=slider_] > rect[fill='white'] /* settings checkbuttons slider */ {
 	}
 }
 [class^='channelBottomBarArea_']:hover {
-	[class^='buttonContainer_'] {
+	& > .buttonContainer_df39bd {
 		border-color: var(--border-hover-color);
 	}
-	[class^='channelTextArea_']::after {
+	& > [class^='channelTextArea_']::after {
 		color: var(--border-hover-color);
 	}
 }
@@ -349,7 +348,7 @@ svg[class^=slider_] > rect[fill='white'] /* settings checkbuttons slider */ {
 [class^='membersWrap_']::after,
 [class^='privateChannels_']::after,
 .container_a6d69a::after,
-[class^='content_']>[class^='outer_']::after,
+[class^='content_'] > [class^='outer_']::after,
 [class^='searchResultsWrap_']::after,
 .scroller_fb4810::after,
 [class^='peopleColumn_']::after,
@@ -394,7 +393,7 @@ svg[class^=slider_] > rect[fill='white'] /* settings checkbuttons slider */ {
 .container_a6d69a::after {
 	content: 'forum';
 }
-[class^='content_']>[class^='outer_']::after {
+[class^='content_'] > [class^='outer_']::after {
 	content: 'profile';
 }
 [class^='searchResultsWrap_']::after {
@@ -462,7 +461,7 @@ svg[class^=slider_] > rect[fill='white'] /* settings checkbuttons slider */ {
 	box-sizing: border-box;
 }
 /* add padding to user profile panel */
-[class^='content_']>[class^='outer_'] {
+[class^='content_'] > [class^='outer_'] {
 	padding: var(--txt-pad);
 	box-sizing: border-box;
 	background-clip: content-box;
@@ -905,16 +904,16 @@ html.theme-light {
 
 /* begin 909 commits */
 ::placeholder {
-  color: var(--txt-3)!important;
+	color: var(--txt-3) !important;
 }
 ::selection {
-  color: var(--bg-0);
-  background: var(--txt-1);
+	color: var(--bg-0);
+	background: var(--txt-1);
 }
-[class^=callContainer_] {
-  overflow: visible;
-  background: none!important;
-  overflow-x: hidden;
+[class^='callContainer_'] {
+	overflow: visible;
+	background: none !important;
+	overflow-x: hidden;
 	border-radius: var(--panel-roundness);
 	border: var(--border-width) solid var(--border-color);
 	transition: border-color var(--border-transition);
@@ -925,15 +924,15 @@ html.theme-light {
 		}
 	}
 }
-[class^=callContainer_] [class^=topControls_] section {
-  border: none;
-  &::after {
-    content: '';
-  }
+[class^='callContainer_'] [class^='topControls_'] section {
+	border: none;
+	&::after {
+		content: '';
+	}
 }
 [class^='callContainer_']::after {
 	content: 'call';
-  display: block;
+	display: block;
 	color: var(--txt-3);
 	font-weight: var(--label-font-weight);
 	position: absolute;
@@ -946,16 +945,16 @@ html.theme-light {
 }
 
 .wrapper_fea3ef.hidden_fea3ef {
-  display: none;
+	display: none;
 }
 
-[class^=gradientTop_],
-[class^=gradientBottom_] {
-  display: none!important;
+[class^='gradientTop_'],
+[class^='gradientBottom_'] {
+	display: none !important;
 }
-[class^=topControls_],
-[class^=bottomControls_] {
-  opacity: 1!important;
-  transform: none!important;
+[class^='topControls_'],
+[class^='bottomControls_'] {
+	opacity: 1 !important;
+	transform: none !important;
 }
 /* end 909 commits */