chore: bump stylelint and remove unused css (#33887)

Co-authored-by: dougfabris <devfabris@gmail.com>

apps/meteor/.stylelintrc

 {
-    "plugins": [
-		"stylelint-order"
-	],
-    "rules": {
-		"at-rule-empty-line-before": [ "always", {
-			except: [
-				"blockless-after-same-name-blockless",
-				"first-nested",
-			],
-			ignore: ["after-comment"],
-		} ],
-		"at-rule-name-case": "lower",
-		"at-rule-name-space-after": "always",
-		"at-rule-semicolon-newline-after": "always",
-		"block-closing-brace-empty-line-before": "never",
-		"block-closing-brace-newline-after": "always",
-		"block-closing-brace-newline-before": "always",
-		"block-closing-brace-space-before": "never-single-line",
+	"extends": ["stylelint-config-standard"],
+	"plugins": ["stylelint-order", "stylelint-selector-bem-pattern"],
+	"rules": {
+		"at-rule-empty-line-before": [
+			"always",
+			{
+				"except": ["blockless-after-same-name-blockless", "first-nested"],
+				"ignore": ["after-comment"]
+			}
+		],
 		"block-no-empty": true,
-		"block-opening-brace-newline-after": "always",
-		"block-opening-brace-space-after": "never-single-line",
-		"block-opening-brace-space-before": "always",
-		"color-hex-case": "lower",
 		"color-hex-length": "long",
 		"color-no-invalid-hex": true,
-		"comment-empty-line-before": [ "always", {
-			except: ["first-nested"],
-			ignore: ["stylelint-commands"],
-		} ],
+		"comment-empty-line-before": [
+			"always",
+			{
+				"except": ["first-nested"],
+				"ignore": ["stylelint-commands"]
+			}
+		],
 		"comment-no-empty": true,
 		"comment-whitespace-inside": "always",
 		"custom-property-empty-line-before": "never",
-		"declaration-bang-space-after": "never",
-		"declaration-bang-space-before": "always",
-		"declaration-block-no-duplicate-properties": [ true, {
-			ignore: ["consecutive-duplicates-with-different-values"],
-		} ],
+		"declaration-block-no-duplicate-properties": [
+			true,
+			{
+				"ignore": ["consecutive-duplicates-with-different-values"]
+			}
+		],
 		"declaration-block-no-redundant-longhand-properties": true,
 		"declaration-block-no-shorthand-property-overrides": true,
-		"declaration-block-semicolon-newline-after": "always",
-		"declaration-block-semicolon-space-after": "always-single-line",
-		"declaration-block-semicolon-space-before": "never",
 		"declaration-block-single-line-max-declarations": 1,
-		"declaration-block-trailing-semicolon": "always",
-		"declaration-colon-newline-after": "always-multi-line",
-		"declaration-colon-space-after": "always-single-line",
-		"declaration-colon-space-before": "never",
 		"font-family-no-duplicate-names": true,
-		"function-comma-newline-after": "always-multi-line",
-		"function-comma-space-after": "always-single-line",
-		"function-comma-space-before": "never",
 		"function-linear-gradient-no-nonstandard-direction": true,
-		"function-max-empty-lines": 0,
 		"function-name-case": "lower",
-		"function-parentheses-newline-inside": "always-multi-line",
-		"function-parentheses-space-inside": "never-single-line",
-		"function-whitespace-after": "always",
-		"indentation": "tab",
 		"keyframe-declaration-no-important": true,
 		"length-zero-no-unit": true,
-		"max-empty-lines": 1,
-		"media-feature-colon-space-after": "always",
-		"media-feature-colon-space-before": "never",
-		"media-feature-name-case": "lower",
 		"media-feature-name-no-unknown": true,
-		"media-feature-parentheses-space-inside": "never",
-		"media-feature-range-operator-space-after": "always",
-		"media-feature-range-operator-space-before": "always",
-		"media-query-list-comma-newline-after": "always-multi-line",
-		"media-query-list-comma-space-after": "always-single-line",
-		"media-query-list-comma-space-before": "never",
 		"no-duplicate-selectors": true,
 		"no-empty-source": true,
-		"no-eol-whitespace": true,
-		"no-extra-semicolons": true,
-		"no-missing-end-of-source-newline": true,
-		"number-leading-zero": "always",
-		"number-no-trailing-zeros": true,
-		"property-case": "lower",
 		"property-no-unknown": true,
-		"rule-empty-line-before": [ "always", {
-			except: ["first-nested"],
-			ignore: ["after-comment"],
-		} ],
-		"selector-attribute-brackets-space-inside": "never",
-		"selector-attribute-operator-space-after": "never",
-		"selector-attribute-operator-space-before": "never",
-		"selector-combinator-space-after": "always",
-		"selector-combinator-space-before": "always",
-		"selector-descendant-combinator-no-non-space": true,
-		"selector-list-comma-newline-after": "always",
-		"selector-list-comma-space-before": "never",
-		"selector-max-empty-lines": 0,
-		"selector-pseudo-class-case": "lower",
+		"rule-empty-line-before": [
+			"always",
+			{
+				"except": ["first-nested"],
+				"ignore": ["after-comment"]
+			}
+		],
 		"selector-pseudo-class-no-unknown": true,
-		"selector-pseudo-class-parentheses-space-inside": "never",
-		"selector-pseudo-element-case": "lower",
 		"selector-pseudo-element-colon-notation": "double",
 		"selector-pseudo-element-no-unknown": true,
 		"selector-type-case": "lower",
 		"selector-type-no-unknown": true,
 		"shorthand-property-no-redundant-values": true,
 		"string-no-newline": true,
-		"unit-case": "lower",
-		"unit-no-unknown": true,
-		"value-list-comma-newline-after": "always-multi-line",
-		"value-list-comma-space-after": "always-single-line",
-		"value-list-comma-space-before": "never",
-		"value-list-max-empty-lines": 0,
-		"order/properties-order": [
-            [
-                {
-                    "emptyLineBefore": "always",
-                    "order": "strict",
-                    "properties": [
-                        "position",
-                        "z-index",
-                        "top",
-                        "right",
-                        "bottom",
-                        "left"
-                    ]
-                },
-                {
-                    "emptyLineBefore": "always",
-                    "order": "strict",
-                    "properties": [
-                        "display",
-                        "visibility",
-                        "float",
-                        "clear",
-                        "overflow",
-                        "overflow-x",
-                        "overflow-y",
-                        "clip",
-                        "zoom",
-                        "flex-direction",
-                        "flex-order",
-                        "flex-pack",
-                        "flex-align",
-                        "flex"
-                    ]
-                },
-                {
-                    "emptyLineBefore": "always",
-                    "order": "strict",
-                    "properties": [
-                        "box-sizing",
-                        "width",
-                        "min-width",
-                        "max-width",
-                        "height",
-                        "min-height",
-                        "max-height",
-                        "margin",
-                        "margin-top",
-                        "margin-right",
-                        "margin-bottom",
-                        "margin-left",
-                        "padding",
-                        "padding-top",
-                        "padding-right",
-                        "padding-bottom",
-                        "padding-left"
-                    ]
-                },
-                {
-                    "emptyLineBefore": "always",
-                    "order": "strict",
-                    "properties": [
-                        "table-layout",
-                        "empty-cells",
-                        "caption-side",
-                        "border-spacing",
-                        "border-collapse",
-                        "list-style",
-                        "list-style-position",
-                        "list-style-type",
-                        "list-style-image"
-                    ]
-                },
-                {
-                    "emptyLineBefore": "always",
-                    "order": "strict",
-                    "properties": [
-                        "content",
-                        "quotes",
-                        "counter-reset",
-                        "counter-increment",
-                        "resize",
-                        "cursor",
-                        "user-select",
-                        "nav-index",
-                        "nav-up",
-                        "nav-right",
-                        "nav-down",
-                        "nav-left",
-                        "transition",
-                        "transition-delay",
-                        "transition-timing-function",
-                        "transition-duration",
-                        "transition-property",
-                        "transform",
-                        "transform-origin",
-                        "animation",
-                        "animation-name",
-                        "animation-duration",
-                        "animation-play-state",
-                        "animation-timing-function",
-                        "animation-delay",
-                        "animation-iteration-count",
-                        "animation-direction",
-                        "text-align",
-                        "text-align-last",
-                        "vertical-align",
-                        "white-space",
-                        "text-decoration",
-                        "text-emphasis",
-                        "text-emphasis-color",
-                        "text-emphasis-style",
-                        "text-emphasis-position",
-                        "text-indent",
-                        "text-justify",
-                        "text-transform",
-                        "letter-spacing",
-                        "word-spacing",
-                        "text-outline",
-                        "text-transform",
-                        "text-wrap",
-                        "text-overflow",
-                        "text-overflow-ellipsis",
-                        "text-overflow-mode",
-                        "word-wrap",
-                        "word-break",
-                        "tab-size",
-                        "hyphens",
-                        "pointer-events"
-                    ]
-                },
-                {
-                    "emptyLineBefore": "always",
-                    "order": "strict",
-                    "properties": [
-                        "opacity",
-                        "filter:progid:DXImageTransform.Microsoft.Alpha(Opacity",
-                        "color",
-                        "border",
-                        "border-collapse",
-                        "border-width",
-                        "border-style",
-                        "border-color",
-                        "border-top",
-                        "border-top-width",
-                        "border-top-style",
-                        "border-top-color",
-                        "border-right",
-                        "border-right-width",
-                        "border-right-style",
-                        "border-right-color",
-                        "border-bottom",
-                        "border-bottom-width",
-                        "border-bottom-style",
-                        "border-bottom-color",
-                        "border-left",
-                        "border-left-width",
-                        "border-left-style",
-                        "border-left-color",
-                        "border-radius",
-                        "border-top-left-radius",
-                        "border-top-right-radius",
-                        "border-bottom-right-radius",
-                        "border-bottom-left-radius",
-                        "border-image",
-                        "border-image-source",
-                        "border-image-slice",
-                        "border-image-width",
-                        "border-image-outset",
-                        "border-image-repeat",
-                        "outline",
-                        "outline-width",
-                        "outline-style",
-                        "outline-color",
-                        "outline-offset",
-                        "background",
-                        "filter:progid:DXImageTransform.Microsoft.AlphaImageLoader",
-                        "background-color",
-                        "background-image",
-                        "background-repeat",
-                        "background-attachment",
-                        "background-position",
-                        "background-position-x",
-                        "background-position-y",
-                        "background-clip",
-                        "background-origin",
-                        "background-size",
-                        "box-decoration-break",
-                        "box-shadow",
-                        "filter:progid:DXImageTransform.Microsoft.gradient",
-                        "text-shadow"
-                    ]
-                },
-                {
-                    "emptyLineBefore": "always",
-                    "order": "strict",
-                    "properties": [
-                        "font",
-                        "font-family",
-                        "font-size",
-                        "font-weight",
-                        "font-style",
-                        "font-variant",
-                        "font-size-adjust",
-                        "font-stretch",
-                        "font-effect",
-                        "font-emphasize",
-                        "font-emphasize-position",
-                        "font-emphasize-style",
-                        "font-smooth",
-                        "line-height"
-                    ]
-                }
-            ],
-            { unspecified: "bottomAlphabetical" }
-        ]
+		"unit-no-unknown": true
 	}
 }

apps/meteor/app/dolphin/client/index.ts

 import './lib';
-import './login-button.css';

apps/meteor/app/dolphin/client/login-button.css

-.icon-dolphin {
-	display: inline-block;
-
-	width: 30px;
-	height: 20px;
-
-	vertical-align: middle;
-
-	background-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgNDMwIDQzMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxnIGlkPSJzaWduLWluIiB0cmFuc2Zvcm09Im1hdHJpeCgwLjUgMCAwIDAuNSAwIDApIj4NCjxwYXRoIGZpbGw9IiNmZmZmZmYiIGQ9Ik02NjAuNjcyIDUwMC4wMzJxMCAxNC41MDggLTEwLjYwMiAyNS4xMWwtMzAzLjU1MiAzMDMuNTUycS0xMC42MDIgMTAuNjAyIC0yNS4xMSAxMC42MDJ0LTI1LjExIC0xMC42MDIgLTEwLjYwMiAtMjUuMTF2LTE2MC43MDRoLTI0OS45ODRxLTE0LjUwOCAwIC0yNS4xMSAtMTAuNjAydC0xMC42MDIgLTI1LjExdi0yMTQuMjcycTAgLTE0LjUwOCAxMC42MDIgLTI1LjExdDI1LjExIC0xMC42MDJoMjQ5Ljk4NHYtMTYwLjcwNHEwIC0xNC41MDggMTAuNjAyIC0yNS4xMXQyNS4xMSAtMTAuNjAyIDI1LjExIDEwLjYwMmwzMDMuNTUyIDMwMy41NTJxMTAuNjAyIDEwLjYwMiAxMC42MDIgMjUuMTF6bTE5Ni40MTYgLTE5Ni40MTZ2MzkyLjgzMnEwIDY2LjQwMiAtNDcuMTUxIDExMy41NTN0LTExMy41NTMgNDcuMTUxaC0xNzguNTZxLTcuMjU0IDAgLTEyLjU1NSAtNS4zMDF0LTUuMzAxIC0xMi41NTVxMCAtMi4yMzIgLS41NTggLTExLjE2dC0uMjc5IC0xNC43ODcgMS42NzQgLTEzLjExMyA1LjU4IC0xMC44ODEgMTEuNDM5IC0zLjYyN2gxNzguNTZxMzYuODI4IDAgNjMuMDU0IC0yNi4yMjZ0MjYuMjI2IC02My4wNTR2LTM5Mi44MzJxMCAtMzYuODI4IC0yNi4yMjYgLTYzLjA1NHQtNjMuMDU0IC0yNi4yMjZoLTE3NC4wOTZ0LTYuNDE3IC0uNTU4IC02LjQxNyAtMS42NzQgLTQuNDY0IC0zLjA2OSAtMy45MDYgLTUuMDIyIC0xLjExNiAtNy41MzNxMCAtMi4yMzIgLS41NTggLTExLjE2dC0uMjc5IC0xNC43ODcgMS42NzQgLTEzLjExMyA1LjU4IC0xMC44ODEgMTEuNDM5IC0zLjYyN2gxNzguNTZxNjYuNDAyIDAgMTEzLjU1MyA0Ny4xNTF0NDcuMTUxIDExMy41NTN6Ii8+DQo8L2c+DQo8L3N2Zz4=);
-	background-repeat: no-repeat;
-}
-
-.icon-dolphin ~ .icon-spin,
-.icon-dolphin ~ span {
-	vertical-align: middle;
-}

apps/meteor/app/drupal/client/index.ts

 import './lib';
-import './login-button.css';

apps/meteor/app/drupal/client/login-button.css

-.icon-drupal.service-icon {
-	display: inline-block;
-
-	width: 21px;
-	height: 28px;
-
-	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAcCAYAAACOGPReAAAABGdBTUEAALGPC/xhBQAAAAZiS0dEAP8A/wD/oL2nkwAAAcNJREFUSMetlbFrFFEQh7/dJnhpDHcx6SyiRLhLkUKDsRZB8S9IWi2Syj8iVooQ0FLBNlqJRpNO8Br7FLkoRDBooQHhNCr6WTjB48zd7d7uNI+d+c333pt9bx5kNPVGVm1WYF39rTbKhD7zr62XBVwI4MsYF4sCZ9S2uq6mMbbVmWGBx9WW+kGdCN+J+G6pY3mBo2pT/ape6IrNx2qb6mhW4Ii6qf5Ur/TQXI74pjoyCJioa3F8FgdoF0K3pib9hLfiDy9l3NVS6G/3EiyH4GbO+q9E3nJ3oKF+Vx/33Urvkj2K/EZn4JW6l/uY/MsfU9+rzUPHXCz/+jDADvC14Myhrqpf1EpB6LHgrCbqa+BzkiSXikAD/ByopcAUsFUUGLYFTKVABWiXBG0DlRTYB8ZLgo4D+ynQAuolQevAdgq8AM6rk0Vo0R7ngQ3UU+qvvNfzCOhKcE4fOu6r39TpIYHT0XsfdDon45puq7WcwFrk7f1XQvVsdPS3Wd+geMPeRN65XqJZdVf9od5Tz/TZ7t3Q7aqzg2avqnfUg2gQO+pT9WGMO+E/CF21m5H0gU8AV4GLwEmgCnwC3gEbwJMkST4elfsHJbIReGbv9uUAAAAASUVORK5CYII=);
-	background-repeat: no-repeat;
-}
-
-.button.external-login.drupal {
-	background-color: #0f85b6;
-}

apps/meteor/app/github-enterprise/client/github-enterprise-login-button.css

-.icon-github_enterprise::before {
-	height: 1em;
-
-	content: "";
-
-	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAAZiS0dEAP8A/wD/oL2nkwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAAd0SU1FB9wJGBYxHYxl31wAAAHpSURBVDjLpZI/aFNRFMZ/973bJqGRPopV4qNq/+SpTYnWRhCKilShg9BGcHOM+GfQoZuLk4iLgw4qZNBaHLuIdBNHl7Ta1qdNFI3SihnaNG1MpH3vuiQYQnwZvHCG893zffc751z4z6PX5T5gA1DAKnAaOAQEgAfAVeCpl+CeCrlRuEC6maO4h0A1wl4tPAHMqNUthvrDdHYY7A3t4rDVjeO6rBU2FaABM1WCrBNoi48Mi+nH9yj+KtPibAKwJXfQ5vcRG7soUnYmWEuQgAEIYBv4cGpoILI0Z4tyYYPegS6UguyijZQ6J45GSNmZHzUcJYD2ii2Ajv7efZ8WZ6ZwXFj79hXpayW4O0SL1Nl/8jzZlZ9dQLFS70pgvZKIyGD0yvu5eRmMnrk1PjI81ir1qBACTdPevXj95mVuNX8XKDQc/+T334bZZ104cvzYw2s3J3qAL5WXSsDbf61NNMBu+wOBs+VSyQ84Nfhg028ZGx3/qyy0lC7lgi7lghBitoon03lvB8l0/k7Wnk+8mny0cyXzEcfZxgwfZPTyRMHsOzAFXE9YhtNQIJnOx4FpJXT1eSkn2g0frqMoFrfoCXcqlCOAGwnLuO/l4JymcWl5uRxzXUKghBAiZ5r+WaV4lrCM555zqO+x2d0ftGmpiA/0k70AAAAASUVORK5CYII=);
-	background-repeat: no-repeat;
-	background-position: center center;
-}

apps/meteor/app/github-enterprise/client/index.ts

 import './lib';
-import './github-enterprise-login-button.css';

apps/meteor/app/gitlab/client/gitlab-login-button.css

 #login-buttons-image-gitlab {
-	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAAZiS0dEAP8A/wD/oL2nkwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAAd0SU1FB9wJGBYxHYxl31wAAAHpSURBVDjLpZI/aFNRFMZ/973bJqGRPopV4qNq/+SpTYnWRhCKilShg9BGcHOM+GfQoZuLk4iLgw4qZNBaHLuIdBNHl7Ta1qdNFI3SihnaNG1MpH3vuiQYQnwZvHCG893zffc751z4z6PX5T5gA1DAKnAaOAQEgAfAVeCpl+CeCrlRuEC6maO4h0A1wl4tPAHMqNUthvrDdHYY7A3t4rDVjeO6rBU2FaABM1WCrBNoi48Mi+nH9yj+KtPibAKwJXfQ5vcRG7soUnYmWEuQgAEIYBv4cGpoILI0Z4tyYYPegS6UguyijZQ6J45GSNmZHzUcJYD2ii2Ajv7efZ8WZ6ZwXFj79hXpayW4O0SL1Nl/8jzZlZ9dQLFS70pgvZKIyGD0yvu5eRmMnrk1PjI81ir1qBACTdPevXj95mVuNX8XKDQc/+T334bZZ104cvzYw2s3J3qAL5WXSsDbf61NNMBu+wOBs+VSyQ84Nfhg028ZGx3/qyy0lC7lgi7lghBitoon03lvB8l0/k7Wnk+8mny0cyXzEcfZxgwfZPTyRMHsOzAFXE9YhtNQIJnOx4FpJXT1eSkn2g0frqMoFrfoCXcqlCOAGwnLuO/l4JymcWl5uRxzXUKghBAiZ5r+WaV4lrCM555zqO+x2d0ftGmpiA/0k70AAAAASUVORK5CYII=);
+	background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAAZiS0dEAP8A/wD/oL2nkwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAAd0SU1FB9wJGBYxHYxl31wAAAHpSURBVDjLpZI/aFNRFMZ/973bJqGRPopV4qNq/+SpTYnWRhCKilShg9BGcHOM+GfQoZuLk4iLgw4qZNBaHLuIdBNHl7Ta1qdNFI3SihnaNG1MpH3vuiQYQnwZvHCG893zffc751z4z6PX5T5gA1DAKnAaOAQEgAfAVeCpl+CeCrlRuEC6maO4h0A1wl4tPAHMqNUthvrDdHYY7A3t4rDVjeO6rBU2FaABM1WCrBNoi48Mi+nH9yj+KtPibAKwJXfQ5vcRG7soUnYmWEuQgAEIYBv4cGpoILI0Z4tyYYPegS6UguyijZQ6J45GSNmZHzUcJYD2ii2Ajv7efZ8WZ6ZwXFj79hXpayW4O0SL1Nl/8jzZlZ9dQLFS70pgvZKIyGD0yvu5eRmMnrk1PjI81ir1qBACTdPevXj95mVuNX8XKDQc/+T334bZZ104cvzYw2s3J3qAL5WXSsDbf61NNMBu+wOBs+VSyQ84Nfhg028ZGx3/qyy0lC7lgi7lghBitoon03lvB8l0/k7Wnk+8mny0cyXzEcfZxgwfZPTyRMHsOzAFXE9YhtNQIJnOx4FpJXT1eSkn2g0frqMoFrfoCXcqlCOAGwnLuO/l4JymcWl5uRxzXUKghBAiZ5r+WaV4lrCM555zqO+x2d0ftGmpiA/0k70AAAAASUVORK5CYII=");
 }

apps/meteor/app/livechat/client/index.ts

 import '../lib/messageTypes';
 import './voip';
 import './ui';
-import './stylesheets/livechat.css';

apps/meteor/app/livechat/client/stylesheets/livechat.css

-:root {
-	--header-min-height: 30px;
-	--footer-min-height: 55px;
-	--link-font-color: #008ce3;
-	--primary-font-color: #444444;
-	--secondary-font-color: #7f7f7f;
-	--info-font-color: #aaaaaa;
-	--color-gray: #9ea2a8;
-}
-
-.external-frame {
-	width: 100%;
-	height: 100%;
-}
-
-.open {
-	padding-left: 4% !important;
-}
-
-.closing-message-body-wrapper {
-	margin-top: 3%;
-}
-
-.closing-message-title {
-	color: var(--color-dark-light);
-
-	font-family: Inter;
-	font-size: 12px;
-	font-weight: bold;
-	font-style: normal;
-	line-height: 16px;
-}
-
-.closing-message-text {
-	color: var(--color-gray);
-
-	font-family: Inter;
-	font-size: 12px;
-	font-weight: 500;
-	font-style: italic;
-	line-height: 16px;
-}

apps/meteor/app/theme/client/imports/components/emoji.css

 .emoji {
 	position: relative;
-
 	display: inline-block;
 	overflow: hidden;
-
 	width: 1.375rem;
 	height: 1.375rem;
 	margin: 0 0.15em;
-
 	vertical-align: middle;
 	white-space: nowrap;
 	text-indent: 100%;
-
 	background-repeat: no-repeat;
 	background-position: center;
 	background-size: contain;
-
 	font-size: inherit;
 	line-height: normal;
 	image-rendering: auto;

apps/meteor/app/theme/client/imports/components/flex-nav.css

@@ -3,12 +3,9 @@
 	z-index: 3;
 	top: 0;
 	left: 0;
-
 	width: 100%;
 	height: 100%;
-
 	transition: transform 0.15s cubic-bezier(0.5, 0, 0.1, 1);
-
 	background-color: var(--flex-nav-background);
 	will-change: transform;
 

apps/meteor/app/theme/client/imports/components/loading.css

-.loading__animation {
-	display: flex;
-	align-items: center;
-	justify-content: center;
-}
-
-.loading__animation__bounce {
-	display: inline-block;
-
-	width: 1rem;
-	height: 1rem;
-	margin: 2px;
-
-	animation: loading-bouncedelay 1.4s infinite ease-in-out both;
-
-	-webkit-animation-delay: -0.32s;
-	animation-delay: -0.32s;
-
-	border-radius: 100%;
-	background-color: var(--loading-bounce-color-light);
-
-	@media (prefers-color-scheme: dark) {
-		background: var(--loading-bounce-color-dark);
+.loading {
+	&__animation {
+		display: flex;
+		align-items: center;
+		justify-content: center;
 	}
-}
-
-.loading__animation__bounce--medium {
-	display: inline-block;
 
-	width: 1.25rem;
-	height: 1.25rem;
-}
+	&__animation__bounce {
+		display: inline-block;
+		width: 1rem;
+		height: 1rem;
+		margin: 2px;
+		animation: loading-bouncedelay 1.4s infinite ease-in-out both;
+		animation-delay: -0.32s;
+		border-radius: 100%;
+		background-color: var(--loading-bounce-color-light);
+
+		@media (prefers-color-scheme: dark) {
+			background: var(--loading-bounce-color-dark);
+		}
+	}
 
-.loading__animation__bounce--large {
-	display: inline-block;
+	&__animation__bounce--medium {
+		display: inline-block;
+		width: 1.25rem;
+		height: 1.25rem;
+	}
 
-	width: 1.5rem;
-	height: 1.5rem;
-}
+	&__animation__bounce--large {
+		display: inline-block;
+		width: 1.5rem;
+		height: 1.5rem;
+	}
 
-.loading__animation__bounce + .loading__animation__bounce {
-	-webkit-animation-delay: -0.16s;
-	animation-delay: -0.16s;
-}
+	&__animation__bounce + &__animation__bounce {
+		animation-delay: -0.16s;
+	}
 
-.loading__animation__bounce + .loading__animation__bounce + .loading__animation__bounce {
-	-webkit-animation-delay: 0s;
-	animation-delay: 0s;
+	&__animation__bounce + &__animation__bounce + &__animation__bounce {
+		animation-delay: 0s;
+	}
 }
 
 @keyframes loading-bouncedelay {

apps/meteor/app/theme/client/imports/components/main-content.css

 .main-content {
 	position: relative;
-
 	z-index: 0;
-
 	display: flex;
 	flex-direction: column;
 	flex: 1 1 100%;
-
 	width: 1vw;
-
 	height: 100%;
 }
 

apps/meteor/app/theme/client/imports/components/message-box.css

 .rc-message-box {
 	position: relative;
-
 	width: 100%;
 	padding: 0 24px;
-
 	font-size: var(--message-box-text-size);
-
-	&__toolbar-formatting-item {
-		display: flex;
-
-		min-width: 16px;
-		margin: 0 4px;
-
-		transition: color 0.1s;
-
-		color: var(--message-box-markdown-color);
-		align-items: center;
-		justify-content: center;
-
-		&:hover,
-		&:focus,
-		&.active {
-			color: var(--message-box-markdown-hover-color);
-		}
-	}
-
-	&__toolbar-formatting-link {
-		color: currentColor;
-
-		font-size: 0.75rem;
-	}
-
-	&__audio-message {
-		display: flex;
-
-		&-mic {
-			display: flex;
-		}
-
-		&-done,
-		&-cancel,
-		&-timer {
-			display: none;
-		}
-
-		&-done {
-			color: var(--rc-color-success);
-		}
-
-		&-cancel {
-			color: var(--rc-color-error);
-		}
-
-		&-timer {
-			margin: 0 -0.25rem;
-			align-items: center;
-			justify-content: center;
-
-			&-dot,
-			&-text {
-				margin: 0 0.25rem;
-			}
-
-			&-text {
-				min-width: 3em;
-			}
-
-			&-dot {
-				flex: 0 0 auto;
-
-				width: 0.5rem;
-				height: 0.5rem;
-
-				border-radius: 50%;
-				background-color: red;
-			}
-		}
-
-		&--recording {
-			.rc-message-box__audio-message-mic,
-			.rc-message-box__audio-message-loading {
-				display: none;
-			}
-
-			.rc-message-box__audio-message-done,
-			.rc-message-box__audio-message-cancel,
-			.rc-message-box__audio-message-timer {
-				display: flex;
-			}
-		}
-
-		&--loading {
-			.rc-message-box__audio-message-mic,
-			.rc-message-box__audio-message-done,
-			.rc-message-box__audio-message-cancel,
-			.rc-message-box__audio-message-timer {
-				display: none;
-			}
-
-			.rc-message-box__audio-message-loading {
-				display: flex;
-			}
-		}
-
-		&--busy {
-			.rc-message-box__audio-message-mic {
-				cursor: not-allowed;
-
-				opacity: 0.5;
-			}
-		}
-	}
 }

apps/meteor/app/theme/client/imports/components/messages.css

-.messages-container-wrapper {
-	position: relative;
-}
-
-.message-actions {
-	position: absolute;
-	z-index: 2;
-	top: -28px;
-	right: 0.4rem;
-
-	display: none;
-
-	box-sizing: border-box;
-
-	padding: 2px;
-
-	user-select: none;
-
-	color: var(--color-darkest);
-
-	border: 1px solid #f2f3f7;
-	border-radius: 4px;
-
-	background: var(rcx-surface, #ffffff);
-
-	font-size: 1.25rem;
-
-	&__buttons {
-		display: flex;
-	}
-
-	&__button,
-	&__menu {
-		padding: 2px;
-
-		cursor: pointer;
-
-		&:hover {
-			border-radius: 2px;
-			background: #eeeff1;
-		}
-
-		&-icon {
-			fill: currentColor;
-		}
-	}
-}
-
-.rc-ui-kit {
-	display: inline-block;
-
-	width: 100%;
-
-	max-width: 400px;
-}
-
-.rtl .message-actions {
-	right: auto;
-	left: 2px;
-}
-
-.message-popup .rcx-message-attachment {
-	overflow-y: auto !important;
-
-	max-width: 100% !important;
-	max-height: 200px !important;
-}

apps/meteor/app/theme/client/imports/components/modal.css

-.rc-modal {
-	display: flex;
-	flex-direction: column;
-
-	min-width: 400px;
-	max-width: 500px;
-	height: auto;
-	max-height: 90%;
-
-	padding: 1rem;
-
-	animation: dropdown-show 0.3s cubic-bezier(0.45, 0.05, 0.55, 0.95);
-
-	border: none;
-
-	background: white;
-
-	box-shadow: 0 0 2px 0 rgba(47, 52, 61, 0.08), 0 0 12px 0 rgba(47, 52, 61, 0.12);
-
-	&-wrapper {
-		position: fixed;
-		z-index: 10;
-		top: 0;
-		right: 0;
-		bottom: 0;
-		left: 0;
-
-		display: flex;
-
-		padding: 10px;
-
-		background: rgba(47, 52, 61, 0.8);
-		align-items: center;
-		justify-content: center;
-	}
-
-	&--modal {
-		width: 640px;
-		max-width: 100%;
-	}
-
-	&--modal &__title {
-		font-size: 1.375rem;
-		font-weight: 500;
-	}
-
-	&__description {
-		font-size: 0.874rem;
-		margin-block-end: 1.5rem;
-		margin-block-start: 0.5rem;
-	}
-
-	&__title {
-		flex: 1 1 auto;
-
-		font-size: 1rem;
-	}
-
-	&__close {
-		cursor: pointer;
-		transform: rotate(45deg);
-
-		font-size: 20px;
-	}
-
-	&__header {
-		display: flex;
-		flex-direction: row;
-		flex: 0 0 auto;
-
-		margin-bottom: -16px;
-		padding: 16px;
-
-		font-size: 21px;
-		justify-content: flex-end;
-	}
-
-	&__content {
-		position: relative;
-
-		display: flex;
-
-		overflow: hidden auto;
-
-		flex-direction: column;
-
-		min-height: 72px;
-		max-height: 90%;
-
-		padding: 16px;
-
-		animation: dropdown-show 0.1s cubic-bezier(0.45, 0.05, 0.55, 0.95);
-		align-items: stretch;
-	}
-
-	&__content-icon {
-		margin: 1.2rem auto;
-
-		font-size: 6rem;
-
-		&--modal-warning {
-			color: var(--rc-color-alert);
-		}
-
-		&--modal-success {
-			color: var(--rc-color-success-light);
-		}
-
-		&--modal-info {
-			color: var(--rc-color-alert);
-		}
-
-		&--modal-error {
-			color: var(--rc-color-error-light);
-		}
-	}
-
-	&__content-text {
-		text-align: center;
-		word-break: break-word;
-
-		font-size: 1rem;
-		line-height: 1.5;
-	}
-
-	&__content-error {
-		display: none;
-
-		width: 100%;
-		margin: 0.5rem 0;
-
-		text-align: center;
-		word-break: break-word;
-
-		color: var(--color-white);
-		background: var(--rc-color-error);
-
-		line-height: 2;
-	}
-
-	&__footer {
-		display: flex;
-
-		flex: 0 0 auto;
-
-		padding: 1rem;
-
-		justify-content: space-between;
-
-		& > .rc-button {
-			margin: 0;
-		}
-	}
-}
-
-@media (width <= 400px) {
-	.rc-modal {
-		top: 0 !important;
-		bottom: 0;
-		left: 0 !important;
-
-		width: 100%;
-		min-width: 100%;
-		max-width: 100%;
-
-		animation: dropup-show 0.3s cubic-bezier(0.45, 0.05, 0.55, 0.95);
-	}
-}

apps/meteor/app/theme/client/imports/forms/button.css

-.rc-button {
-	&:not([disabled]):hover {
-		opacity: 0.6;
-	}
-
-	&--icon > svg {
-		margin: 0 5px 0 -5px;
-
-		font-size: 20px;
-		fill: currentColor;
-
-		.rtl & {
-			margin: 0 -5px 0 5px;
-		}
-	}
-
-	position: relative;
-
-	display: flex;
-
-	height: 40px;
-
-	min-height: 40px;
-
-	padding: 0 1.5rem;
-
-	cursor: pointer;
-	transition: opacity 0.3s, background-color 0.3s, color 0.3s;
-	text-align: center;
-
-	color: #000000;
-
-	border-width: var(--button-border-width);
-	border-style: solid;
-	border-color: #000000;
-
-	border-radius: var(--button-border-radius);
-	background-color: transparent;
-
-	font-size: var(--button-text-size);
-	font-weight: 600;
-
-	align-items: center;
-	justify-content: center;
-
-	&:active,
-	&:focus:hover {
-		outline: none;
-	}
-
-	&:active {
-		transform: translateY(2px);
-
-		opacity: 0.9;
-	}
-
-	&:active::before {
-		top: -2px;
-	}
-
-	&:disabled {
-		cursor: default;
-
-		color: var(--button-disabled-text-color);
-		border: 0;
-		border-color: var(--button-disabled-background);
-		background-color: var(--button-disabled-background);
-	}
-
-	&--invisible {
-		visibility: hidden;
-	}
-
-	&--primary {
-		color: var(--button-primary-text-color);
-		border: 0;
-		background-color: var(--button-primary-background);
-	}
-
-	&--nude {
-		border: none;
-		background-color: inherit;
-
-		font-weight: 400;
-	}
-
-	&--primary.rc-button--nude {
-		color: var(--button-primary-background);
-	}
-
-	&--primary.rc-button--outline {
-		color: var(--button-primary-background);
-		border-color: var(--button-primary-background);
-	}
-
-	&--secondary {
-		color: var(--button-secondary-text-color);
-		border: 0;
-		border-color: var(--button-secondary-background);
-		background-color: var(--button-secondary-background);
-	}
-
-	&--secondary.rc-button--outline {
-		color: var(--button-secondary-background);
-		border-color: var(--button-secondary-background);
-	}
-
-	&--cancel {
-		color: var(--button-primary-text-color);
-		border: 0;
-		border-color: var(--button-cancel-color);
-		background-color: var(--button-cancel-color);
-	}
-
-	&--cancel.rc-button--outline {
-		color: var(--button-cancel-color);
-		border-color: var(--button-cancel-color);
-	}
-
-	&--small {
-		height: var(--button-height-small);
-		min-height: var(--button-height-small);
-		padding: var(--button-padding-small);
-
-		font-size: var(--button-text-size-small);
-	}
-
-	&--square {
-		display: flex;
-		flex: 0 0 var(--button-square-size);
-
-		margin: 0;
-		padding: 0;
-		align-items: center;
-		justify-content: center;
-	}
-
-	&--outline {
-		border-width: 2px;
-		border-style: solid;
-		background: transparent;
-	}
-
-	&--stack {
-		width: 100%;
-	}
-
-	&--no-padding {
-		padding-right: 0;
-		padding-left: 0;
-	}
-
-	&.loading {
-		position: relative;
-
-		padding-right: calc(3 * 0.782rem);
-
-		transition: padding-right 0.3s;
-
-		&::before {
-			position: absolute;
-			top: 25%;
-			right: 0.782rem;
-
-			display: block;
-
-			width: 20px;
-			height: 20px;
-
-			content: "";
-			animation: spin 1s infinite cubic-bezier(0.14, 0.48, 0.45, 0.63);
-
-			border: 0.15rem solid rgba(127, 127, 127, 0.5);
-			border-top-color: white;
-			border-radius: 50%;
-		}
-	}
-
-	&__group {
-		display: flex;
-
-		flex-direction: row;
-
-		margin: 10px -5px;
-
-		justify-content: flex-end;
-
-		& > .rc-button {
-			margin: 0 5px;
-		}
-
-		&--wrap {
-			margin: 5px -5px;
-			flex-wrap: wrap;
-
-			& > .rc-button {
-				margin: 5px;
-			}
-		}
-
-		&--stretch {
-			justify-content: stretch;
-
-			& > .rc-button {
-				flex: 1 1;
-			}
-		}
-
-		&--vertical {
-			flex-direction: column;
-		}
-	}
-}
-
-@media (width < 780px) {
-	.rc-button--full {
-		width: 100%;
-	}
-}

apps/meteor/app/theme/client/imports/forms/input.css

-textarea.rc-input__element {
-	height: auto;
-	padding: 0.5rem 1rem;
-
-	font-family: inherit;
-}
-
-.rc-input {
-	position: relative;
-
-	width: 100%;
-
-	&__label {
-		display: block;
-
-		cursor: pointer;
-	}
-
-	&__title {
-		font-size: var(--input-font-size);
-	}
-
-	&__wrapper {
-		position: relative;
-
-		padding: 0.5rem 0;
-
-		color: var(--input-icon-color);
-	}
-
-	&__icon {
-		position: absolute;
-		top: 0;
-		left: 1rem;
-
-		display: flex;
-
-		width: 20px;
-		height: 100%;
-
-		cursor: default;
-		align-items: center;
-		justify-content: center;
-
-		& + .rc-input__element {
-			padding: 0 1rem 0 2.75rem;
-		}
-
-		&--right {
-			right: 1rem;
-			left: auto;
-		}
-
-		&--clickable {
-			cursor: pointer;
-		}
-
-		&--right + .rc-input__element {
-			padding: 0 2.75rem 0 1rem;
-		}
-	}
-
-	&__element {
-		width: 100%;
-		height: 2.5rem;
-		padding: 0 1rem;
-
-		text-align: start;
-
-		text-overflow: ellipsis;
-
-		color: var(--input-text-color);
-
-		border-width: var(--input-border-width);
-		border-color: var(--input-border-color);
-		border-radius: var(--input-border-radius);
-		background-color: transparent;
-
-		font-size: var(--input-font-size);
-		line-height: normal;
-
-		&--small {
-			height: 2rem;
-		}
-
-		&::placeholder {
-			text-align: start;
-			text-overflow: ellipsis;
-
-			color: var(--input-placeholder-color);
-		}
-
-		&[type=color] {
-			height: 45px;
-		}
-	}
-
-	&__description {
-		margin-bottom: 0.25rem;
-
-		color: var(--input-description-text-color);
-
-		font-size: var(--input-description-text-size);
-	}
-
-	&__error {
-		display: flex;
-
-		color: var(--input-error-color);
-		align-items: center;
-
-		&-icon {
-			width: 20px;
-
-			&--warning {
-				width: 20px;
-				height: 20px;
-				stroke: currentColor;
-			}
-		}
-
-		&-message {
-			margin-left: 0.5rem;
-		}
-	}
-
-	&--small {
-		font-size: 14px;
-
-		& .rc-input__element {
-			padding-top: 8px;
-			padding-bottom: 8px;
-		}
-	}
-
-	&--error {
-		.rc-tags {
-			border-color: var(--input-error-color);
-		}
-
-		& .rc-input {
-			&__element {
-				border-color: var(--input-error-color);
-			}
-		}
-	}
-}
-
-.rc-input-file {
-	position: relative;
-
-	width: 100%;
-
-	&__label {
-		display: block;
-
-		cursor: pointer;
-	}
-
-	&__title {
-		font-size: var(--input-font-size);
-	}
-
-	&__wrapper {
-		display: flex;
-		flex-direction: row;
-
-		width: 100%;
-		margin: 0.5rem 0;
-		padding: 0.3rem;
-
-		color: var(--input-text-color);
-
-		border-width: var(--input-border-width);
-		border-color: var(--input-border-color);
-		border-radius: var(--input-border-radius);
-		background-color: transparent;
-
-		font-size: var(--input-font-size);
-		align-items: center;
-		justify-content: flex-end;
-
-		&::placeholder {
-			color: var(--input-placeholder-color);
-		}
-
-		& > .rc-button {
-			flex: 0 0 auto;
-
-			height: 10px;
-			min-height: 31px;
-			margin: 0;
-			padding: 8px;
-
-			border-color: #e1e5e8;
-			border-radius: 2px;
-			background: #f1f1f1;
-		}
-	}
-
-	&__name {
-		overflow: hidden;
-
-		flex: 0 1 auto;
-
-		width: 100%;
-
-		padding: 0 5px;
-
-		white-space: nowrap;
-
-		text-overflow: ellipsis;
-
-		line-height: 16px;
-	}
-
-	&__element {
-		display: none;
-	}
-
-	&__description {
-		color: var(--color-gray);
-
-		font-size: 0.875rem;
-	}
-}
-
-select.rc-input {
-	width: 100%;
-	padding: 0.782rem;
-
-	color: var(--input-text-color);
-
-	border-width: var(--input-border-width);
-	border-color: var(--input-border-color);
-	border-radius: var(--input-border-radius);
-	background-color: transparent;
-
-	font-size: var(--input-font-size);
-	appearance: none;
-
-	&--small {
-		padding: 0.5rem 1rem;
-	}
-}

apps/meteor/app/theme/client/imports/general/base.css

@@ -6,7 +6,6 @@
 
 html {
 	overflow-y: auto;
-
 	height: 100%;
 
 	&.noscroll {
@@ -16,17 +15,12 @@ html {
 
 body {
 	position: relative;
-
 	display: flex;
-
 	overflow: visible;
-
 	flex-direction: column;
-
 	width: 100%;
 	height: 100%;
 	padding: 0;
-
 	font-family: var(--body-font-family);
 	font-size: var(--text-small-size);
 	-webkit-font-smoothing: antialiased;
@@ -45,43 +39,32 @@ body {
 	&::after {
 		display: table;
 		clear: both;
-
 		content: '';
 	}
 }
 
 button {
 	padding: 0;
-
 	cursor: pointer;
 	text-align: left;
 	text-transform: inherit;
-
 	color: inherit;
 	border-width: 0;
 	background: none;
-
 	font-style: inherit;
 }
 
 #rocket-chat {
 	position: relative;
-
 	display: flex;
-
 	overflow: hidden;
-
 	flex: 1 1 auto;
-
 	height: 100%;
-
 	max-height: 100%;
-
 	align-items: stretch;
 
 	&.animated-hidden {
 		visibility: hidden;
-
 		opacity: 0;
 	}
 }
@@ -96,37 +79,25 @@ button {
 
 @media print {
 	#rocket-chat.menu-nav,
-	.simplebar-content-wrapper,
-	section.rcx-box.rcx-box--full,
-	.rc-old.main-content {
+	.main-content {
 		overflow: visible !important; /* 1 */
-
 		height: auto !important; /* 1 */
 		max-height: none !important; /* 1 */
 		flex-shrink: 0 !important; /* 1 */
 	}
 
-	div.simplebar-offset,
-	.simplebar-mask,
-	.rc-old .messages-container .wrapper {
+	.messages-container .wrapper {
 		position: relative !important; /* 1 */
 	}
 
-	.simplebar-placeholder {
-		height: 0 !important; /* 1 */
-	}
-
 	body {
 		height: auto !important; /* 1 */
 	}
 
-	.rc-old .room-container,
-	.rc-old .room-container:first-child,
-	.rc-old .messages-container-main,
-	.rc-old .messages-container-wrapper,
-	.rc-old .main-content-flex {
+	.messages-container-main,
+	.messages-container-wrapper,
+	.main-content-flex {
 		flex: 1 0 auto !important; /* 1 */
-
 		height: auto !important; /* 1 */
 	}
 
@@ -134,15 +105,15 @@ button {
 		display: none !important; /* 1 */
 	}
 
-	.rcx-box.rcx-box--full {
-		overflow: visible !important /* 1 */;
-
-		height: auto !important /* 1 */;
+	.rcx-box {
+		&--full.rcx-box {
+			overflow: visible !important /* 1 */;
+			height: auto !important /* 1 */;
+		}
 	}
 
 	.rc-scrollbars-container {
 		overflow: visible !important; /* 1 */
-
 		height: auto !important; /* 1 */
 	}
 
@@ -153,6 +124,5 @@ button {
 
 .gallery-item {
 	max-width: 100%;
-
 	cursor: pointer;
 }