diff --git a/plugin-packs/postcss-preset-env/test/basic.autoprefixer.expect.css b/plugin-packs/postcss-preset-env/test/basic.autoprefixer.expect.css
index 4b791b312..04a386918 100644
--- a/plugin-packs/postcss-preset-env/test/basic.autoprefixer.expect.css
+++ b/plugin-packs/postcss-preset-env/test/basic.autoprefixer.expect.css
@@ -248,7 +248,7 @@
 	word-wrap: break-word;
 }
 
-.js-focus-visible .test-focus-visible-pseudo-class.focus-visible {
+.test-focus-visible-pseudo-class.focus-visible.js-focus-visible, .js-focus-visible .test-focus-visible-pseudo-class.focus-visible {
 	order: 26;
 }
 
diff --git a/plugin-packs/postcss-preset-env/test/basic.autoprefixer.false.expect.css b/plugin-packs/postcss-preset-env/test/basic.autoprefixer.false.expect.css
index 4b791b312..04a386918 100644
--- a/plugin-packs/postcss-preset-env/test/basic.autoprefixer.false.expect.css
+++ b/plugin-packs/postcss-preset-env/test/basic.autoprefixer.false.expect.css
@@ -248,7 +248,7 @@
 	word-wrap: break-word;
 }
 
-.js-focus-visible .test-focus-visible-pseudo-class.focus-visible {
+.test-focus-visible-pseudo-class.focus-visible.js-focus-visible, .js-focus-visible .test-focus-visible-pseudo-class.focus-visible {
 	order: 26;
 }
 
diff --git a/plugin-packs/postcss-preset-env/test/basic.ch38.expect.css b/plugin-packs/postcss-preset-env/test/basic.ch38.expect.css
index ab9423e2e..a5705715b 100644
--- a/plugin-packs/postcss-preset-env/test/basic.ch38.expect.css
+++ b/plugin-packs/postcss-preset-env/test/basic.ch38.expect.css
@@ -168,7 +168,7 @@
 	overflow-wrap: break-word;
 }
 
-.js-focus-visible .test-focus-visible-pseudo-class.focus-visible {
+.test-focus-visible-pseudo-class.focus-visible.js-focus-visible, .js-focus-visible .test-focus-visible-pseudo-class.focus-visible {
 	order: 26;
 }
 
diff --git a/plugin-packs/postcss-preset-env/test/basic.ch88-ff78-saf10.expect.css b/plugin-packs/postcss-preset-env/test/basic.ch88-ff78-saf10.expect.css
index 92b759d48..e2e988048 100644
--- a/plugin-packs/postcss-preset-env/test/basic.ch88-ff78-saf10.expect.css
+++ b/plugin-packs/postcss-preset-env/test/basic.ch88-ff78-saf10.expect.css
@@ -167,7 +167,7 @@ h1.test-custom-selectors,h2.test-custom-selectors,h3.test-custom-selectors,h4.te
 	overflow-wrap: break-word;
 }
 
-.js-focus-visible .test-focus-visible-pseudo-class.focus-visible {
+.test-focus-visible-pseudo-class.focus-visible.js-focus-visible, .js-focus-visible .test-focus-visible-pseudo-class.focus-visible {
 	order: 26;
 }
 
diff --git a/plugin-packs/postcss-preset-env/test/basic.ch88-ff78.expect.css b/plugin-packs/postcss-preset-env/test/basic.ch88-ff78.expect.css
index d8585c744..1bacd82cf 100644
--- a/plugin-packs/postcss-preset-env/test/basic.ch88-ff78.expect.css
+++ b/plugin-packs/postcss-preset-env/test/basic.ch88-ff78.expect.css
@@ -160,7 +160,7 @@ h1.test-custom-selectors,h2.test-custom-selectors,h3.test-custom-selectors,h4.te
 	overflow-wrap: break-word;
 }
 
-.js-focus-visible .test-focus-visible-pseudo-class.focus-visible {
+.test-focus-visible-pseudo-class.focus-visible.js-focus-visible, .js-focus-visible .test-focus-visible-pseudo-class.focus-visible {
 	order: 26;
 }
 
diff --git a/plugin-packs/postcss-preset-env/test/basic.ch88-ff78.no-is-pseudo.expect.css b/plugin-packs/postcss-preset-env/test/basic.ch88-ff78.no-is-pseudo.expect.css
index 320db43a1..f952bd095 100644
--- a/plugin-packs/postcss-preset-env/test/basic.ch88-ff78.no-is-pseudo.expect.css
+++ b/plugin-packs/postcss-preset-env/test/basic.ch88-ff78.no-is-pseudo.expect.css
@@ -160,7 +160,7 @@ h1.test-custom-selectors,h2.test-custom-selectors,h3.test-custom-selectors,h4.te
 	overflow-wrap: break-word;
 }
 
-.js-focus-visible .test-focus-visible-pseudo-class.focus-visible {
+.test-focus-visible-pseudo-class.focus-visible.js-focus-visible, .js-focus-visible .test-focus-visible-pseudo-class.focus-visible {
 	order: 26;
 }
 
diff --git a/plugin-packs/postcss-preset-env/test/basic.expect.css b/plugin-packs/postcss-preset-env/test/basic.expect.css
index 06dbec743..e11ceebf5 100644
--- a/plugin-packs/postcss-preset-env/test/basic.expect.css
+++ b/plugin-packs/postcss-preset-env/test/basic.expect.css
@@ -271,7 +271,7 @@
 	word-wrap: break-word;
 }
 
-.js-focus-visible .test-focus-visible-pseudo-class.focus-visible {
+.test-focus-visible-pseudo-class.focus-visible.js-focus-visible, .js-focus-visible .test-focus-visible-pseudo-class.focus-visible {
 	order: 26;
 }
 
diff --git a/plugin-packs/postcss-preset-env/test/basic.ff49.expect.css b/plugin-packs/postcss-preset-env/test/basic.ff49.expect.css
index 386dd5adb..ffefaebfe 100644
--- a/plugin-packs/postcss-preset-env/test/basic.ff49.expect.css
+++ b/plugin-packs/postcss-preset-env/test/basic.ff49.expect.css
@@ -164,7 +164,7 @@
 	overflow-wrap: break-word;
 }
 
-.js-focus-visible .test-focus-visible-pseudo-class.focus-visible {
+.test-focus-visible-pseudo-class.focus-visible.js-focus-visible, .js-focus-visible .test-focus-visible-pseudo-class.focus-visible {
 	order: 26;
 }
 
diff --git a/plugin-packs/postcss-preset-env/test/basic.ff66.expect.css b/plugin-packs/postcss-preset-env/test/basic.ff66.expect.css
index 3aa5c2068..750ac0a92 100644
--- a/plugin-packs/postcss-preset-env/test/basic.ff66.expect.css
+++ b/plugin-packs/postcss-preset-env/test/basic.ff66.expect.css
@@ -152,7 +152,7 @@
 	overflow-wrap: break-word;
 }
 
-.js-focus-visible .test-focus-visible-pseudo-class.focus-visible {
+.test-focus-visible-pseudo-class.focus-visible.js-focus-visible, .js-focus-visible .test-focus-visible-pseudo-class.focus-visible {
 	order: 26;
 }
 
diff --git a/plugin-packs/postcss-preset-env/test/basic.ie10.expect.css b/plugin-packs/postcss-preset-env/test/basic.ie10.expect.css
index 2187011eb..04aa57af0 100644
--- a/plugin-packs/postcss-preset-env/test/basic.ie10.expect.css
+++ b/plugin-packs/postcss-preset-env/test/basic.ie10.expect.css
@@ -278,7 +278,7 @@
 	word-wrap: break-word;
 }
 
-.js-focus-visible .test-focus-visible-pseudo-class.focus-visible {
+.test-focus-visible-pseudo-class.focus-visible.js-focus-visible, .js-focus-visible .test-focus-visible-pseudo-class.focus-visible {
 	-ms-flex-order: 26;
 	    order: 26;
 }
diff --git a/plugin-packs/postcss-preset-env/test/basic.nesting.false.expect.css b/plugin-packs/postcss-preset-env/test/basic.nesting.false.expect.css
index 951b0e454..ffb44f222 100644
--- a/plugin-packs/postcss-preset-env/test/basic.nesting.false.expect.css
+++ b/plugin-packs/postcss-preset-env/test/basic.nesting.false.expect.css
@@ -269,7 +269,7 @@ h1.test-custom-selectors,h2.test-custom-selectors,h3.test-custom-selectors,h4.te
 	word-wrap: break-word;
 }
 
-.js-focus-visible .test-focus-visible-pseudo-class.focus-visible {
+.test-focus-visible-pseudo-class.focus-visible.js-focus-visible, .js-focus-visible .test-focus-visible-pseudo-class.focus-visible {
 	order: 26;
 }
 
diff --git a/plugin-packs/postcss-preset-env/test/basic.op_mini.expect.css b/plugin-packs/postcss-preset-env/test/basic.op_mini.expect.css
index d81f97531..b49914b31 100644
--- a/plugin-packs/postcss-preset-env/test/basic.op_mini.expect.css
+++ b/plugin-packs/postcss-preset-env/test/basic.op_mini.expect.css
@@ -255,7 +255,7 @@ h1.test-custom-selectors,h2.test-custom-selectors,h3.test-custom-selectors,h4.te
 	word-wrap: break-word;
 }
 
-.js-focus-visible .test-focus-visible-pseudo-class.focus-visible {
+.test-focus-visible-pseudo-class.focus-visible.js-focus-visible, .js-focus-visible .test-focus-visible-pseudo-class.focus-visible {
 	order: 26;
 }
 
diff --git a/plugin-packs/postcss-preset-env/test/basic.preserve.true.expect.css b/plugin-packs/postcss-preset-env/test/basic.preserve.true.expect.css
index 44a185fd3..a1f0d0dd7 100644
--- a/plugin-packs/postcss-preset-env/test/basic.preserve.true.expect.css
+++ b/plugin-packs/postcss-preset-env/test/basic.preserve.true.expect.css
@@ -495,7 +495,7 @@ h1.test-custom-selectors,h2.test-custom-selectors,h3.test-custom-selectors,h4.te
 	word-wrap: break-word;
 }
 
-.js-focus-visible .test-focus-visible-pseudo-class.focus-visible {
+.test-focus-visible-pseudo-class.focus-visible.js-focus-visible, .js-focus-visible .test-focus-visible-pseudo-class.focus-visible {
 	-webkit-box-ordinal-group: 27;
 	-webkit-order: 26;
 	   -moz-box-ordinal-group: 27;
diff --git a/plugin-packs/postcss-preset-env/test/basic.safari15.expect.css b/plugin-packs/postcss-preset-env/test/basic.safari15.expect.css
index dd0733c51..34fb267d8 100644
--- a/plugin-packs/postcss-preset-env/test/basic.safari15.expect.css
+++ b/plugin-packs/postcss-preset-env/test/basic.safari15.expect.css
@@ -137,7 +137,7 @@
 	overflow-wrap: break-word;
 }
 
-.js-focus-visible .test-focus-visible-pseudo-class.focus-visible {
+.test-focus-visible-pseudo-class.focus-visible.js-focus-visible, .js-focus-visible .test-focus-visible-pseudo-class.focus-visible {
 	order: 26;
 }
 
diff --git a/plugin-packs/postcss-preset-env/test/basic.stage0-ff49.expect.css b/plugin-packs/postcss-preset-env/test/basic.stage0-ff49.expect.css
index 6a05e848c..819fa1807 100644
--- a/plugin-packs/postcss-preset-env/test/basic.stage0-ff49.expect.css
+++ b/plugin-packs/postcss-preset-env/test/basic.stage0-ff49.expect.css
@@ -169,7 +169,7 @@ h1.test-custom-selectors,h2.test-custom-selectors,h3.test-custom-selectors,h4.te
 	overflow-wrap: break-word;
 }
 
-.js-focus-visible .test-focus-visible-pseudo-class.focus-visible {
+.test-focus-visible-pseudo-class.focus-visible.js-focus-visible, .js-focus-visible .test-focus-visible-pseudo-class.focus-visible {
 	order: 26;
 }
 
diff --git a/plugin-packs/postcss-preset-env/test/basic.stage0-ff66.expect.css b/plugin-packs/postcss-preset-env/test/basic.stage0-ff66.expect.css
index 5f69b65ed..6c3310c42 100644
--- a/plugin-packs/postcss-preset-env/test/basic.stage0-ff66.expect.css
+++ b/plugin-packs/postcss-preset-env/test/basic.stage0-ff66.expect.css
@@ -157,7 +157,7 @@ h1.test-custom-selectors,h2.test-custom-selectors,h3.test-custom-selectors,h4.te
 	overflow-wrap: break-word;
 }
 
-.js-focus-visible .test-focus-visible-pseudo-class.focus-visible {
+.test-focus-visible-pseudo-class.focus-visible.js-focus-visible, .js-focus-visible .test-focus-visible-pseudo-class.focus-visible {
 	order: 26;
 }
 
diff --git a/plugin-packs/postcss-preset-env/test/basic.stage0.expect.css b/plugin-packs/postcss-preset-env/test/basic.stage0.expect.css
index 62e435874..2b9efb7d1 100644
--- a/plugin-packs/postcss-preset-env/test/basic.stage0.expect.css
+++ b/plugin-packs/postcss-preset-env/test/basic.stage0.expect.css
@@ -276,7 +276,7 @@ h1.test-custom-selectors,h2.test-custom-selectors,h3.test-custom-selectors,h4.te
 	word-wrap: break-word;
 }
 
-.js-focus-visible .test-focus-visible-pseudo-class.focus-visible {
+.test-focus-visible-pseudo-class.focus-visible.js-focus-visible, .js-focus-visible .test-focus-visible-pseudo-class.focus-visible {
 	order: 26;
 }
 
diff --git a/plugin-packs/postcss-preset-env/test/client-side-polyfills.stage-1.expect.css b/plugin-packs/postcss-preset-env/test/client-side-polyfills.stage-1.expect.css
index 3f54f4be9..eb3e1fa8a 100644
--- a/plugin-packs/postcss-preset-env/test/client-side-polyfills.stage-1.expect.css
+++ b/plugin-packs/postcss-preset-env/test/client-side-polyfills.stage-1.expect.css
@@ -2,7 +2,7 @@
 	order: 1;
 }
 
-.js-focus-visible .focus-visible {
+.focus-visible.js-focus-visible, .js-focus-visible .focus-visible {
 	order: 2;
 }
 
diff --git a/plugin-packs/postcss-preset-env/test/client-side-polyfills.stage-2.expect.css b/plugin-packs/postcss-preset-env/test/client-side-polyfills.stage-2.expect.css
index 3d30d25ce..557e9e2a1 100644
--- a/plugin-packs/postcss-preset-env/test/client-side-polyfills.stage-2.expect.css
+++ b/plugin-packs/postcss-preset-env/test/client-side-polyfills.stage-2.expect.css
@@ -2,7 +2,7 @@
 	order: 1;
 }
 
-.js-focus-visible .focus-visible {
+.focus-visible.js-focus-visible, .js-focus-visible .focus-visible {
 	order: 2;
 }
 
diff --git a/plugin-packs/postcss-preset-env/test/layers-basic.expect.css b/plugin-packs/postcss-preset-env/test/layers-basic.expect.css
index d8398dbea..a51a04d89 100644
--- a/plugin-packs/postcss-preset-env/test/layers-basic.expect.css
+++ b/plugin-packs/postcss-preset-env/test/layers-basic.expect.css
@@ -445,7 +445,7 @@ h1.test-custom-selectors:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):n
 	word-wrap: break-word;
 }
 
-.js-focus-visible:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .test-focus-visible-pseudo-class.focus-visible {
+.test-focus-visible-pseudo-class.focus-visible.js-focus-visible:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#), .js-focus-visible:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .test-focus-visible-pseudo-class.focus-visible {
 	-webkit-box-ordinal-group: 27;
 	-webkit-order: 26;
 	   -moz-box-ordinal-group: 27;
diff --git a/plugin-packs/postcss-preset-env/test/layers-basic.preserve.true.expect.css b/plugin-packs/postcss-preset-env/test/layers-basic.preserve.true.expect.css
index 539933e33..d007c24b5 100644
--- a/plugin-packs/postcss-preset-env/test/layers-basic.preserve.true.expect.css
+++ b/plugin-packs/postcss-preset-env/test/layers-basic.preserve.true.expect.css
@@ -506,7 +506,7 @@ h1.test-custom-selectors:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):n
 	word-wrap: break-word;
 }
 
-.js-focus-visible:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .test-focus-visible-pseudo-class.focus-visible {
+.test-focus-visible-pseudo-class.focus-visible.js-focus-visible:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#), .js-focus-visible:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .test-focus-visible-pseudo-class.focus-visible {
 	-webkit-box-ordinal-group: 27;
 	-webkit-order: 26;
 	   -moz-box-ordinal-group: 27;
diff --git a/plugins/postcss-focus-visible/README.md b/plugins/postcss-focus-visible/README.md
index 7e11f7240..6f1f2c3e5 100644
--- a/plugins/postcss-focus-visible/README.md
+++ b/plugins/postcss-focus-visible/README.md
@@ -20,7 +20,7 @@ the browser's polyfill as well.
 
 /* becomes */
 
-:focus:not(.focus-visible) {
+:focus:not(.focus-visible).js-focus-visible, .js-focus-visible :focus:not(.focus-visible) {
 	outline: none;
 }
 ```
@@ -88,7 +88,7 @@ The `replaceWith` option defines the selector to replace `:focus-visible`. By
 default, the replacement selector is `.focus-visible`.
 
 ```js
-postcssFocusVisible({ replaceWith: '.css-blank' })
+postcssFocusVisible({ replaceWith: '[data-focus-visible-added]' })
 ```
 
 ```pcss
@@ -109,7 +109,7 @@ postcssFocusVisible({ replaceWith: '.css-blank' })
 ```
 
 Note that if you want to keep using [focus-visible polyfill], the only 
-acceptable value would be `[data-focus-visible-addeddata-focus-visible-added]`,
+acceptable value would be `[data-focus-visible-added]`,
 given that the polyfill does not support arbitrary values.
 
 [cli-url]: https://github.com/csstools/postcss-plugins/actions/workflows/test.yml?query=workflow/test
diff --git a/plugins/postcss-focus-visible/src/index.ts b/plugins/postcss-focus-visible/src/index.ts
index d0bba5525..6b7151141 100644
--- a/plugins/postcss-focus-visible/src/index.ts
+++ b/plugins/postcss-focus-visible/src/index.ts
@@ -3,7 +3,7 @@ import type { PluginCreator } from 'postcss';
 
 type pluginOptions = { preserve?: boolean, replaceWith?: string };
 
-const POLYFILL_READY_CLASSNAME = '.js-focus-visible';
+const POLYFILL_READY_CLASSNAME = 'js-focus-visible';
 const PSEUDO = ':focus-visible';
 
 const creator: PluginCreator<pluginOptions> = (opts?: pluginOptions) => {
@@ -16,6 +16,7 @@ const creator: PluginCreator<pluginOptions> = (opts?: pluginOptions) => {
 		// Provided options
 		opts,
 	);
+
 	const replacementAST = parser().astSync(options.replaceWith);
 
 	return {
@@ -25,9 +26,9 @@ const creator: PluginCreator<pluginOptions> = (opts?: pluginOptions) => {
 				return;
 			}
 
-			const selectors = rule.selectors.map((selector) => {
+			const selectors = rule.selectors.flatMap((selector) => {
 				if (!selector.includes(PSEUDO)) {
-					return selector;
+					return [selector];
 				}
 
 				let selectorAST;
@@ -40,7 +41,7 @@ const creator: PluginCreator<pluginOptions> = (opts?: pluginOptions) => {
 				}
 
 				if (typeof selectorAST === 'undefined') {
-					return selector;
+					return [selector];
 				}
 
 				let containsPseudo = false;
@@ -58,18 +59,41 @@ const creator: PluginCreator<pluginOptions> = (opts?: pluginOptions) => {
 				});
 
 				if (!containsPseudo) {
-					return selector;
+					return [selector];
 				}
 
-				let newSelector = selectorAST.toString();
+				const selectorASTClone = selectorAST.clone();
+
+				// html > .foo:focus-visible
+				// becomes:
+				// html.js-focus-visible > .foo:focus-visible,
+				// .js-focus-visible html > .foo:focus-visible
+				{
+					if (selectorAST.nodes?.[0]?.nodes?.length) {
+						for (let i = 0; i < selectorAST.nodes[0].nodes.length; i++) {
+							const node = selectorAST.nodes[0].nodes[i];
+							if (node.type === 'combinator' || parser.isPseudoElement(node)) {
+								// Insert the class before the first combinator or pseudo element.
+								selectorAST.nodes[0].insertBefore(node, parser.className({ value: POLYFILL_READY_CLASSNAME }));
+								break;
+							}
+
+							if (i === selectorAST.nodes[0].nodes.length - 1) {
+								// Append the class to the end of the selector if not combinator or pseudo element was found.
+								selectorAST.nodes[0].append(parser.className({ value: POLYFILL_READY_CLASSNAME }));
+								break;
+							}
+						}
+					}
 
-				if (newSelector.startsWith('html')) {
-					newSelector = newSelector.replace('html', `html${POLYFILL_READY_CLASSNAME}`);
-				} else {
-					newSelector = `${POLYFILL_READY_CLASSNAME} ${newSelector}`;
+					if (selectorAST.nodes?.[0]?.nodes) {
+						// Prepend a space combinator and the class to the beginning of the selector.
+						selectorASTClone.nodes[0].prepend(parser.combinator({ value: ' ' }));
+						selectorASTClone.nodes[0].prepend(parser.className({ value: POLYFILL_READY_CLASSNAME }));
+					}
 				}
 
-				return newSelector;
+				return [selectorAST.toString(), selectorASTClone.toString()];
 			});
 
 			if (selectors.join(',') === rule.selectors.join(',')) {
diff --git a/plugins/postcss-focus-visible/test/basic.css b/plugins/postcss-focus-visible/test/basic.css
index f190cfd6b..a2ac10d1a 100644
--- a/plugins/postcss-focus-visible/test/basic.css
+++ b/plugins/postcss-focus-visible/test/basic.css
@@ -42,6 +42,10 @@ html :focus-visible {
 	order: 6;
 }
 
+html:focus-visible {
+	order: 6.1;
+}
+
 :not(:focus-visible) {
 	order: 7;
 }
@@ -49,3 +53,27 @@ html :focus-visible {
 html :not(:focus-visible) {
 	order: 8;
 }
+
+:focus-visible::before {
+	order: 10.0;
+}
+
+:focus-visible .foo {
+	order: 10.1;
+}
+
+:focus-visible > .foo {
+	order: 10.2;
+}
+
+::before:focus-visible {
+	order: 10.3;
+}
+
+.foo :focus-visible {
+	order: 10.4;
+}
+
+.foo > :focus-visible {
+	order: 10.5;
+}
diff --git a/plugins/postcss-focus-visible/test/basic.expect.css b/plugins/postcss-focus-visible/test/basic.expect.css
index 8cd1154a6..3fed12a64 100644
--- a/plugins/postcss-focus-visible/test/basic.expect.css
+++ b/plugins/postcss-focus-visible/test/basic.expect.css
@@ -1,21 +1,36 @@
-.js-focus-visible .focus-visible {
+.focus-visible.js-focus-visible, .js-focus-visible .focus-visible {
 	order: 1;
 }
 
+.focus-visible.js-focus-visible,
 .js-focus-visible .focus-visible,
+.focus-visible.js-focus-visible test,
 .js-focus-visible .focus-visible test,
+test.js-focus-visible .focus-visible,
 .js-focus-visible test .focus-visible,
+test.js-focus-visible test.focus-visible,
 .js-focus-visible test test.focus-visible,
-html.js-focus-visible[dir="rtl"] .focus-visible,
+html[dir="rtl"].js-focus-visible .focus-visible,
+.js-focus-visible html[dir="rtl"] .focus-visible,
+test.js-focus-visible .focus-visible test,
 .js-focus-visible test .focus-visible test,
+test.js-focus-visible test.focus-visible test,
 .js-focus-visible test test.focus-visible test,
+test.js-focus-visible .focus-visible .focus-visible test,
 .js-focus-visible test .focus-visible .focus-visible test,
+test.js-focus-visible :matches(.focus-visible) test,
 .js-focus-visible test :matches(.focus-visible) test,
+test.js-focus-visible :matches(.focus-visible test) test,
 .js-focus-visible test :matches(.focus-visible test) test,
+test.js-focus-visible :matches(test .focus-visible) test,
 .js-focus-visible test :matches(test .focus-visible) test,
+test.js-focus-visible :matches(test test.focus-visible) test,
 .js-focus-visible test :matches(test test.focus-visible) test,
+test.js-focus-visible :matches(test .focus-visible test) test,
 .js-focus-visible test :matches(test .focus-visible test) test,
+test.js-focus-visible :matches(test test.focus-visible test) test,
 .js-focus-visible test :matches(test test.focus-visible test) test,
+test.js-focus-visible :matches(test .focus-visible .focus-visible test) test,
 .js-focus-visible test :matches(test .focus-visible .focus-visible test) test {
 	order: 2;
 }
@@ -33,19 +48,49 @@ html.js-focus-visible[dir="rtl"] .focus-visible,
 
 .escaped\:focus-visible,
 .escaped\:times\:two\:focus-visible,
+.escaped\:focus-visible.focus-visible.js-focus-visible,
 .js-focus-visible .escaped\:focus-visible.focus-visible,
+.escaped\:times\:two.focus-visible.js-focus-visible,
 .js-focus-visible .escaped\:times\:two.focus-visible {
 	order: 5;
 }
 
-html.js-focus-visible .focus-visible {
+html.js-focus-visible .focus-visible, .js-focus-visible html .focus-visible {
 	order: 6;
 }
 
-.js-focus-visible :not(.focus-visible) {
+html.focus-visible.js-focus-visible, .js-focus-visible html.focus-visible {
+	order: 6.1;
+}
+
+:not(.focus-visible).js-focus-visible, .js-focus-visible :not(.focus-visible) {
 	order: 7;
 }
 
-html.js-focus-visible :not(.focus-visible) {
+html.js-focus-visible :not(.focus-visible), .js-focus-visible html :not(.focus-visible) {
 	order: 8;
 }
+
+.focus-visible.js-focus-visible::before, .js-focus-visible .focus-visible::before {
+	order: 10.0;
+}
+
+.focus-visible.js-focus-visible .foo, .js-focus-visible .focus-visible .foo {
+	order: 10.1;
+}
+
+.focus-visible.js-focus-visible > .foo, .js-focus-visible .focus-visible > .foo {
+	order: 10.2;
+}
+
+.js-focus-visible::before.focus-visible, .js-focus-visible ::before.focus-visible {
+	order: 10.3;
+}
+
+.foo.js-focus-visible .focus-visible, .js-focus-visible .foo .focus-visible {
+	order: 10.4;
+}
+
+.foo.js-focus-visible > .focus-visible, .js-focus-visible .foo > .focus-visible {
+	order: 10.5;
+}
diff --git a/plugins/postcss-focus-visible/test/basic.preserve.expect.css b/plugins/postcss-focus-visible/test/basic.preserve.expect.css
index 8cd1154a6..3fed12a64 100644
--- a/plugins/postcss-focus-visible/test/basic.preserve.expect.css
+++ b/plugins/postcss-focus-visible/test/basic.preserve.expect.css
@@ -1,21 +1,36 @@
-.js-focus-visible .focus-visible {
+.focus-visible.js-focus-visible, .js-focus-visible .focus-visible {
 	order: 1;
 }
 
+.focus-visible.js-focus-visible,
 .js-focus-visible .focus-visible,
+.focus-visible.js-focus-visible test,
 .js-focus-visible .focus-visible test,
+test.js-focus-visible .focus-visible,
 .js-focus-visible test .focus-visible,
+test.js-focus-visible test.focus-visible,
 .js-focus-visible test test.focus-visible,
-html.js-focus-visible[dir="rtl"] .focus-visible,
+html[dir="rtl"].js-focus-visible .focus-visible,
+.js-focus-visible html[dir="rtl"] .focus-visible,
+test.js-focus-visible .focus-visible test,
 .js-focus-visible test .focus-visible test,
+test.js-focus-visible test.focus-visible test,
 .js-focus-visible test test.focus-visible test,
+test.js-focus-visible .focus-visible .focus-visible test,
 .js-focus-visible test .focus-visible .focus-visible test,
+test.js-focus-visible :matches(.focus-visible) test,
 .js-focus-visible test :matches(.focus-visible) test,
+test.js-focus-visible :matches(.focus-visible test) test,
 .js-focus-visible test :matches(.focus-visible test) test,
+test.js-focus-visible :matches(test .focus-visible) test,
 .js-focus-visible test :matches(test .focus-visible) test,
+test.js-focus-visible :matches(test test.focus-visible) test,
 .js-focus-visible test :matches(test test.focus-visible) test,
+test.js-focus-visible :matches(test .focus-visible test) test,
 .js-focus-visible test :matches(test .focus-visible test) test,
+test.js-focus-visible :matches(test test.focus-visible test) test,
 .js-focus-visible test :matches(test test.focus-visible test) test,
+test.js-focus-visible :matches(test .focus-visible .focus-visible test) test,
 .js-focus-visible test :matches(test .focus-visible .focus-visible test) test {
 	order: 2;
 }
@@ -33,19 +48,49 @@ html.js-focus-visible[dir="rtl"] .focus-visible,
 
 .escaped\:focus-visible,
 .escaped\:times\:two\:focus-visible,
+.escaped\:focus-visible.focus-visible.js-focus-visible,
 .js-focus-visible .escaped\:focus-visible.focus-visible,
+.escaped\:times\:two.focus-visible.js-focus-visible,
 .js-focus-visible .escaped\:times\:two.focus-visible {
 	order: 5;
 }
 
-html.js-focus-visible .focus-visible {
+html.js-focus-visible .focus-visible, .js-focus-visible html .focus-visible {
 	order: 6;
 }
 
-.js-focus-visible :not(.focus-visible) {
+html.focus-visible.js-focus-visible, .js-focus-visible html.focus-visible {
+	order: 6.1;
+}
+
+:not(.focus-visible).js-focus-visible, .js-focus-visible :not(.focus-visible) {
 	order: 7;
 }
 
-html.js-focus-visible :not(.focus-visible) {
+html.js-focus-visible :not(.focus-visible), .js-focus-visible html :not(.focus-visible) {
 	order: 8;
 }
+
+.focus-visible.js-focus-visible::before, .js-focus-visible .focus-visible::before {
+	order: 10.0;
+}
+
+.focus-visible.js-focus-visible .foo, .js-focus-visible .focus-visible .foo {
+	order: 10.1;
+}
+
+.focus-visible.js-focus-visible > .foo, .js-focus-visible .focus-visible > .foo {
+	order: 10.2;
+}
+
+.js-focus-visible::before.focus-visible, .js-focus-visible ::before.focus-visible {
+	order: 10.3;
+}
+
+.foo.js-focus-visible .focus-visible, .js-focus-visible .foo .focus-visible {
+	order: 10.4;
+}
+
+.foo.js-focus-visible > .focus-visible, .js-focus-visible .foo > .focus-visible {
+	order: 10.5;
+}
diff --git a/plugins/postcss-focus-visible/test/basic.replacewith.expect.css b/plugins/postcss-focus-visible/test/basic.replacewith.expect.css
index b46615688..a5162561f 100644
--- a/plugins/postcss-focus-visible/test/basic.replacewith.expect.css
+++ b/plugins/postcss-focus-visible/test/basic.replacewith.expect.css
@@ -1,21 +1,36 @@
-.js-focus-visible [data-focus-visible-added] {
+[data-focus-visible-added].js-focus-visible, .js-focus-visible [data-focus-visible-added] {
 	order: 1;
 }
 
+[data-focus-visible-added].js-focus-visible,
 .js-focus-visible [data-focus-visible-added],
+[data-focus-visible-added].js-focus-visible test,
 .js-focus-visible [data-focus-visible-added] test,
+test.js-focus-visible [data-focus-visible-added],
 .js-focus-visible test [data-focus-visible-added],
+test.js-focus-visible test[data-focus-visible-added],
 .js-focus-visible test test[data-focus-visible-added],
-html.js-focus-visible[dir="rtl"] [data-focus-visible-added],
+html[dir="rtl"].js-focus-visible [data-focus-visible-added],
+.js-focus-visible html[dir="rtl"] [data-focus-visible-added],
+test.js-focus-visible [data-focus-visible-added] test,
 .js-focus-visible test [data-focus-visible-added] test,
+test.js-focus-visible test[data-focus-visible-added] test,
 .js-focus-visible test test[data-focus-visible-added] test,
+test.js-focus-visible [data-focus-visible-added] [data-focus-visible-added] test,
 .js-focus-visible test [data-focus-visible-added] [data-focus-visible-added] test,
+test.js-focus-visible :matches([data-focus-visible-added]) test,
 .js-focus-visible test :matches([data-focus-visible-added]) test,
+test.js-focus-visible :matches([data-focus-visible-added] test) test,
 .js-focus-visible test :matches([data-focus-visible-added] test) test,
+test.js-focus-visible :matches(test [data-focus-visible-added]) test,
 .js-focus-visible test :matches(test [data-focus-visible-added]) test,
+test.js-focus-visible :matches(test test[data-focus-visible-added]) test,
 .js-focus-visible test :matches(test test[data-focus-visible-added]) test,
+test.js-focus-visible :matches(test [data-focus-visible-added] test) test,
 .js-focus-visible test :matches(test [data-focus-visible-added] test) test,
+test.js-focus-visible :matches(test test[data-focus-visible-added] test) test,
 .js-focus-visible test :matches(test test[data-focus-visible-added] test) test,
+test.js-focus-visible :matches(test [data-focus-visible-added] [data-focus-visible-added] test) test,
 .js-focus-visible test :matches(test [data-focus-visible-added] [data-focus-visible-added] test) test {
 	order: 2;
 }
@@ -33,19 +48,49 @@ html.js-focus-visible[dir="rtl"] [data-focus-visible-added],
 
 .escaped\:focus-visible,
 .escaped\:times\:two\:focus-visible,
+.escaped\:focus-visible[data-focus-visible-added].js-focus-visible,
 .js-focus-visible .escaped\:focus-visible[data-focus-visible-added],
+.escaped\:times\:two[data-focus-visible-added].js-focus-visible,
 .js-focus-visible .escaped\:times\:two[data-focus-visible-added] {
 	order: 5;
 }
 
-html.js-focus-visible [data-focus-visible-added] {
+html.js-focus-visible [data-focus-visible-added], .js-focus-visible html [data-focus-visible-added] {
 	order: 6;
 }
 
-.js-focus-visible :not([data-focus-visible-added]) {
+html[data-focus-visible-added].js-focus-visible, .js-focus-visible html[data-focus-visible-added] {
+	order: 6.1;
+}
+
+:not([data-focus-visible-added]).js-focus-visible, .js-focus-visible :not([data-focus-visible-added]) {
 	order: 7;
 }
 
-html.js-focus-visible :not([data-focus-visible-added]) {
+html.js-focus-visible :not([data-focus-visible-added]), .js-focus-visible html :not([data-focus-visible-added]) {
 	order: 8;
 }
+
+[data-focus-visible-added].js-focus-visible::before, .js-focus-visible [data-focus-visible-added]::before {
+	order: 10.0;
+}
+
+[data-focus-visible-added].js-focus-visible .foo, .js-focus-visible [data-focus-visible-added] .foo {
+	order: 10.1;
+}
+
+[data-focus-visible-added].js-focus-visible > .foo, .js-focus-visible [data-focus-visible-added] > .foo {
+	order: 10.2;
+}
+
+.js-focus-visible::before[data-focus-visible-added], .js-focus-visible ::before[data-focus-visible-added] {
+	order: 10.3;
+}
+
+.foo.js-focus-visible [data-focus-visible-added], .js-focus-visible .foo [data-focus-visible-added] {
+	order: 10.4;
+}
+
+.foo.js-focus-visible > [data-focus-visible-added], .js-focus-visible .foo > [data-focus-visible-added] {
+	order: 10.5;
+}
diff --git a/plugins/postcss-focus-visible/test/browser.expect.css b/plugins/postcss-focus-visible/test/browser.expect.css
index 2a648baf9..cf0e52c08 100644
--- a/plugins/postcss-focus-visible/test/browser.expect.css
+++ b/plugins/postcss-focus-visible/test/browser.expect.css
@@ -4,6 +4,6 @@ textarea {
 	background-color: rgb(255, 192, 203);
 }
 
-.js-focus-visible .focus-visible {
+.focus-visible.js-focus-visible, .js-focus-visible .focus-visible {
 	background-color: rgb(128, 0, 128);
 }
diff --git a/plugins/postcss-focus-visible/test/examples/example.expect.css b/plugins/postcss-focus-visible/test/examples/example.expect.css
index 631a5943d..d2288c25d 100644
--- a/plugins/postcss-focus-visible/test/examples/example.expect.css
+++ b/plugins/postcss-focus-visible/test/examples/example.expect.css
@@ -1,3 +1,3 @@
-.js-focus-visible :focus:not(.focus-visible) {
+:focus:not(.focus-visible).js-focus-visible, .js-focus-visible :focus:not(.focus-visible) {
 	outline: none;
 }
diff --git a/plugins/postcss-focus-visible/test/examples/example.preserve-false.expect.css b/plugins/postcss-focus-visible/test/examples/example.preserve-false.expect.css
index 631a5943d..d2288c25d 100644
--- a/plugins/postcss-focus-visible/test/examples/example.preserve-false.expect.css
+++ b/plugins/postcss-focus-visible/test/examples/example.preserve-false.expect.css
@@ -1,3 +1,3 @@
-.js-focus-visible :focus:not(.focus-visible) {
+:focus:not(.focus-visible).js-focus-visible, .js-focus-visible :focus:not(.focus-visible) {
 	outline: none;
 }
diff --git a/plugins/postcss-focus-visible/test/examples/example.replacewith.expect.css b/plugins/postcss-focus-visible/test/examples/example.replacewith.expect.css
index 437620677..9e6327e76 100644
--- a/plugins/postcss-focus-visible/test/examples/example.replacewith.expect.css
+++ b/plugins/postcss-focus-visible/test/examples/example.replacewith.expect.css
@@ -1,3 +1,3 @@
-.js-focus-visible :focus:not([focus-visible]) {
+:focus:not([focus-visible]).js-focus-visible, .js-focus-visible :focus:not([focus-visible]) {
 	outline: none;
 }
diff --git a/plugins/postcss-focus-visible/test/generated-selector-cases.expect.css b/plugins/postcss-focus-visible/test/generated-selector-cases.expect.css
index fb1c1deb8..d122f1b4c 100644
--- a/plugins/postcss-focus-visible/test/generated-selector-cases.expect.css
+++ b/plugins/postcss-focus-visible/test/generated-selector-cases.expect.css
@@ -1,84 +1,84 @@
-.js-focus-visible .focus-visible.focus-visible {
+.focus-visible.focus-visible.js-focus-visible, .js-focus-visible .focus-visible.focus-visible {
 	order: 0;
 }
 
-.js-focus-visible .focus-visible.focus-visible {
+.focus-visible.focus-visible.js-focus-visible, .js-focus-visible .focus-visible.focus-visible {
 	order: 1;
 }
 
-.js-focus-visible .focus-visible .focus-visible {
+.focus-visible.js-focus-visible .focus-visible, .js-focus-visible .focus-visible .focus-visible {
 	order: 2;
 }
 
-.js-focus-visible .focus-visible .focus-visible {
+.focus-visible.js-focus-visible .focus-visible, .js-focus-visible .focus-visible .focus-visible {
 	order: 3;
 }
 
-.js-focus-visible .focus-visible  .focus-visible {
+.focus-visible.js-focus-visible  .focus-visible, .js-focus-visible .focus-visible  .focus-visible {
 	order: 4;
 }
 
-.js-focus-visible .focus-visible  .focus-visible {
+.focus-visible.js-focus-visible  .focus-visible, .js-focus-visible .focus-visible  .focus-visible {
 	order: 5;
 }
 
-.js-focus-visible .focus-visible+.focus-visible {
+.focus-visible.js-focus-visible+.focus-visible, .js-focus-visible .focus-visible+.focus-visible {
 	order: 6;
 }
 
-.js-focus-visible .focus-visible+.focus-visible {
+.focus-visible.js-focus-visible+.focus-visible, .js-focus-visible .focus-visible+.focus-visible {
 	order: 7;
 }
 
-.js-focus-visible .focus-visible + .focus-visible {
+.focus-visible.js-focus-visible + .focus-visible, .js-focus-visible .focus-visible + .focus-visible {
 	order: 8;
 }
 
-.js-focus-visible .focus-visible + .focus-visible {
+.focus-visible.js-focus-visible + .focus-visible, .js-focus-visible .focus-visible + .focus-visible {
 	order: 9;
 }
 
-.js-focus-visible .focus-visible~.focus-visible {
+.focus-visible.js-focus-visible~.focus-visible, .js-focus-visible .focus-visible~.focus-visible {
 	order: 10;
 }
 
-.js-focus-visible .focus-visible~.focus-visible {
+.focus-visible.js-focus-visible~.focus-visible, .js-focus-visible .focus-visible~.focus-visible {
 	order: 11;
 }
 
-.js-focus-visible .focus-visible ~ .focus-visible {
+.focus-visible.js-focus-visible ~ .focus-visible, .js-focus-visible .focus-visible ~ .focus-visible {
 	order: 12;
 }
 
-.js-focus-visible .focus-visible ~ .focus-visible {
+.focus-visible.js-focus-visible ~ .focus-visible, .js-focus-visible .focus-visible ~ .focus-visible {
 	order: 13;
 }
 
-.js-focus-visible .focus-visible>.focus-visible {
+.focus-visible.js-focus-visible>.focus-visible, .js-focus-visible .focus-visible>.focus-visible {
 	order: 14;
 }
 
-.js-focus-visible .focus-visible>.focus-visible {
+.focus-visible.js-focus-visible>.focus-visible, .js-focus-visible .focus-visible>.focus-visible {
 	order: 15;
 }
 
-.js-focus-visible .focus-visible > .focus-visible {
+.focus-visible.js-focus-visible > .focus-visible, .js-focus-visible .focus-visible > .focus-visible {
 	order: 16;
 }
 
-.js-focus-visible .focus-visible > .focus-visible {
+.focus-visible.js-focus-visible > .focus-visible, .js-focus-visible .focus-visible > .focus-visible {
 	order: 17;
 }
 
-.js-focus-visible .focus-visible, .js-focus-visible .focus-visible {
+.focus-visible.js-focus-visible, .js-focus-visible .focus-visible, .focus-visible.js-focus-visible, .js-focus-visible .focus-visible {
 	order: 18;
 }
 
-.js-focus-visible .focus-visible, .js-focus-visible .focus-visible {
+.focus-visible.js-focus-visible, .js-focus-visible .focus-visible, .focus-visible.js-focus-visible, .js-focus-visible .focus-visible {
 	order: 19;
 }
 
-.js-focus-visible button.focus-visible {
+button.focus-visible.js-focus-visible, .js-focus-visible button.focus-visible {
 	order: 20;
 }
 
@@ -86,319 +86,319 @@
 	order: 21;
 }
 
-.js-focus-visible button .focus-visible {
+button.js-focus-visible .focus-visible, .js-focus-visible button .focus-visible {
 	order: 22;
 }
 
-.js-focus-visible .focus-visible button {
+.focus-visible.js-focus-visible button, .js-focus-visible .focus-visible button {
 	order: 23;
 }
 
-.js-focus-visible button  .focus-visible {
+button.js-focus-visible  .focus-visible, .js-focus-visible button  .focus-visible {
 	order: 24;
 }
 
-.js-focus-visible .focus-visible  button {
+.focus-visible.js-focus-visible  button, .js-focus-visible .focus-visible  button {
 	order: 25;
 }
 
-.js-focus-visible button+.focus-visible {
+button.js-focus-visible+.focus-visible, .js-focus-visible button+.focus-visible {
 	order: 26;
 }
 
-.js-focus-visible .focus-visible+button {
+.focus-visible.js-focus-visible+button, .js-focus-visible .focus-visible+button {
 	order: 27;
 }
 
-.js-focus-visible button + .focus-visible {
+button.js-focus-visible + .focus-visible, .js-focus-visible button + .focus-visible {
 	order: 28;
 }
 
-.js-focus-visible .focus-visible + button {
+.focus-visible.js-focus-visible + button, .js-focus-visible .focus-visible + button {
 	order: 29;
 }
 
-.js-focus-visible button~.focus-visible {
+button.js-focus-visible~.focus-visible, .js-focus-visible button~.focus-visible {
 	order: 30;
 }
 
-.js-focus-visible .focus-visible~button {
+.focus-visible.js-focus-visible~button, .js-focus-visible .focus-visible~button {
 	order: 31;
 }
 
-.js-focus-visible button ~ .focus-visible {
+button.js-focus-visible ~ .focus-visible, .js-focus-visible button ~ .focus-visible {
 	order: 32;
 }
 
-.js-focus-visible .focus-visible ~ button {
+.focus-visible.js-focus-visible ~ button, .js-focus-visible .focus-visible ~ button {
 	order: 33;
 }
 
-.js-focus-visible button>.focus-visible {
+button.js-focus-visible>.focus-visible, .js-focus-visible button>.focus-visible {
 	order: 34;
 }
 
-.js-focus-visible .focus-visible>button {
+.focus-visible.js-focus-visible>button, .js-focus-visible .focus-visible>button {
 	order: 35;
 }
 
-.js-focus-visible button > .focus-visible {
+button.js-focus-visible > .focus-visible, .js-focus-visible button > .focus-visible {
 	order: 36;
 }
 
-.js-focus-visible .focus-visible > button {
+.focus-visible.js-focus-visible > button, .js-focus-visible .focus-visible > button {
 	order: 37;
 }
 
-button, .js-focus-visible .focus-visible {
+button, .focus-visible.js-focus-visible, .js-focus-visible .focus-visible {
 	order: 38;
 }
 
-.js-focus-visible .focus-visible, button {
+.focus-visible.js-focus-visible, .js-focus-visible .focus-visible, button {
 	order: 39;
 }
 
-.js-focus-visible .🧑🏾‍🎤.focus-visible {
+.🧑🏾‍🎤.focus-visible.js-focus-visible, .js-focus-visible .🧑🏾‍🎤.focus-visible {
 	order: 40;
 }
 
-.js-focus-visible .focus-visible.🧑🏾‍🎤 {
+.focus-visible.🧑🏾‍🎤.js-focus-visible, .js-focus-visible .focus-visible.🧑🏾‍🎤 {
 	order: 41;
 }
 
-.js-focus-visible .🧑🏾‍🎤 .focus-visible {
+.🧑🏾‍🎤.js-focus-visible .focus-visible, .js-focus-visible .🧑🏾‍🎤 .focus-visible {
 	order: 42;
 }
 
-.js-focus-visible .focus-visible .🧑🏾‍🎤 {
+.focus-visible.js-focus-visible .🧑🏾‍🎤, .js-focus-visible .focus-visible .🧑🏾‍🎤 {
 	order: 43;
 }
 
-.js-focus-visible .🧑🏾‍🎤  .focus-visible {
+.🧑🏾‍🎤.js-focus-visible  .focus-visible, .js-focus-visible .🧑🏾‍🎤  .focus-visible {
 	order: 44;
 }
 
-.js-focus-visible .focus-visible  .🧑🏾‍🎤 {
+.focus-visible.js-focus-visible  .🧑🏾‍🎤, .js-focus-visible .focus-visible  .🧑🏾‍🎤 {
 	order: 45;
 }
 
-.js-focus-visible .🧑🏾‍🎤+.focus-visible {
+.🧑🏾‍🎤.js-focus-visible+.focus-visible, .js-focus-visible .🧑🏾‍🎤+.focus-visible {
 	order: 46;
 }
 
-.js-focus-visible .focus-visible+.🧑🏾‍🎤 {
+.focus-visible.js-focus-visible+.🧑🏾‍🎤, .js-focus-visible .focus-visible+.🧑🏾‍🎤 {
 	order: 47;
 }
 
-.js-focus-visible .🧑🏾‍🎤 + .focus-visible {
+.🧑🏾‍🎤.js-focus-visible + .focus-visible, .js-focus-visible .🧑🏾‍🎤 + .focus-visible {
 	order: 48;
 }
 
-.js-focus-visible .focus-visible + .🧑🏾‍🎤 {
+.focus-visible.js-focus-visible + .🧑🏾‍🎤, .js-focus-visible .focus-visible + .🧑🏾‍🎤 {
 	order: 49;
 }
 
-.js-focus-visible .🧑🏾‍🎤~.focus-visible {
+.🧑🏾‍🎤.js-focus-visible~.focus-visible, .js-focus-visible .🧑🏾‍🎤~.focus-visible {
 	order: 50;
 }
 
-.js-focus-visible .focus-visible~.🧑🏾‍🎤 {
+.focus-visible.js-focus-visible~.🧑🏾‍🎤, .js-focus-visible .focus-visible~.🧑🏾‍🎤 {
 	order: 51;
 }
 
-.js-focus-visible .🧑🏾‍🎤 ~ .focus-visible {
+.🧑🏾‍🎤.js-focus-visible ~ .focus-visible, .js-focus-visible .🧑🏾‍🎤 ~ .focus-visible {
 	order: 52;
 }
 
-.js-focus-visible .focus-visible ~ .🧑🏾‍🎤 {
+.focus-visible.js-focus-visible ~ .🧑🏾‍🎤, .js-focus-visible .focus-visible ~ .🧑🏾‍🎤 {
 	order: 53;
 }
 
-.js-focus-visible .🧑🏾‍🎤>.focus-visible {
+.🧑🏾‍🎤.js-focus-visible>.focus-visible, .js-focus-visible .🧑🏾‍🎤>.focus-visible {
 	order: 54;
 }
 
-.js-focus-visible .focus-visible>.🧑🏾‍🎤 {
+.focus-visible.js-focus-visible>.🧑🏾‍🎤, .js-focus-visible .focus-visible>.🧑🏾‍🎤 {
 	order: 55;
 }
 
-.js-focus-visible .🧑🏾‍🎤 > .focus-visible {
+.🧑🏾‍🎤.js-focus-visible > .focus-visible, .js-focus-visible .🧑🏾‍🎤 > .focus-visible {
 	order: 56;
 }
 
-.js-focus-visible .focus-visible > .🧑🏾‍🎤 {
+.focus-visible.js-focus-visible > .🧑🏾‍🎤, .js-focus-visible .focus-visible > .🧑🏾‍🎤 {
 	order: 57;
 }
 
-.🧑🏾‍🎤, .js-focus-visible .focus-visible {
+.🧑🏾‍🎤, .focus-visible.js-focus-visible, .js-focus-visible .focus-visible {
 	order: 58;
 }
 
-.js-focus-visible .focus-visible, .🧑🏾‍🎤 {
+.focus-visible.js-focus-visible, .js-focus-visible .focus-visible, .🧑🏾‍🎤 {
 	order: 59;
 }
 
-.js-focus-visible .foo.focus-visible {
+.foo.focus-visible.js-focus-visible, .js-focus-visible .foo.focus-visible {
 	order: 60;
 }
 
-.js-focus-visible .focus-visible.foo {
+.focus-visible.foo.js-focus-visible, .js-focus-visible .focus-visible.foo {
 	order: 61;
 }
 
-.js-focus-visible .foo .focus-visible {
+.foo.js-focus-visible .focus-visible, .js-focus-visible .foo .focus-visible {
 	order: 62;
 }
 
-.js-focus-visible .focus-visible .foo {
+.focus-visible.js-focus-visible .foo, .js-focus-visible .focus-visible .foo {
 	order: 63;
 }
 
-.js-focus-visible .foo  .focus-visible {
+.foo.js-focus-visible  .focus-visible, .js-focus-visible .foo  .focus-visible {
 	order: 64;
 }
 
-.js-focus-visible .focus-visible  .foo {
+.focus-visible.js-focus-visible  .foo, .js-focus-visible .focus-visible  .foo {
 	order: 65;
 }
 
-.js-focus-visible .foo+.focus-visible {
+.foo.js-focus-visible+.focus-visible, .js-focus-visible .foo+.focus-visible {
 	order: 66;
 }
 
-.js-focus-visible .focus-visible+.foo {
+.focus-visible.js-focus-visible+.foo, .js-focus-visible .focus-visible+.foo {
 	order: 67;
 }
 
-.js-focus-visible .foo + .focus-visible {
+.foo.js-focus-visible + .focus-visible, .js-focus-visible .foo + .focus-visible {
 	order: 68;
 }
 
-.js-focus-visible .focus-visible + .foo {
+.focus-visible.js-focus-visible + .foo, .js-focus-visible .focus-visible + .foo {
 	order: 69;
 }
 
-.js-focus-visible .foo~.focus-visible {
+.foo.js-focus-visible~.focus-visible, .js-focus-visible .foo~.focus-visible {
 	order: 70;
 }
 
-.js-focus-visible .focus-visible~.foo {
+.focus-visible.js-focus-visible~.foo, .js-focus-visible .focus-visible~.foo {
 	order: 71;
 }
 
-.js-focus-visible .foo ~ .focus-visible {
+.foo.js-focus-visible ~ .focus-visible, .js-focus-visible .foo ~ .focus-visible {
 	order: 72;
 }
 
-.js-focus-visible .focus-visible ~ .foo {
+.focus-visible.js-focus-visible ~ .foo, .js-focus-visible .focus-visible ~ .foo {
 	order: 73;
 }
 
-.js-focus-visible .foo>.focus-visible {
+.foo.js-focus-visible>.focus-visible, .js-focus-visible .foo>.focus-visible {
 	order: 74;
 }
 
-.js-focus-visible .focus-visible>.foo {
+.focus-visible.js-focus-visible>.foo, .js-focus-visible .focus-visible>.foo {
 	order: 75;
 }
 
-.js-focus-visible .foo > .focus-visible {
+.foo.js-focus-visible > .focus-visible, .js-focus-visible .foo > .focus-visible {
 	order: 76;
 }
 
-.js-focus-visible .focus-visible > .foo {
+.focus-visible.js-focus-visible > .foo, .js-focus-visible .focus-visible > .foo {
 	order: 77;
 }
 
-.foo, .js-focus-visible .focus-visible {
+.foo, .focus-visible.js-focus-visible, .js-focus-visible .focus-visible {
 	order: 78;
 }
 
-.js-focus-visible .focus-visible, .foo {
+.focus-visible.js-focus-visible, .js-focus-visible .focus-visible, .foo {
 	order: 79;
 }
 
-.js-focus-visible #foo.focus-visible {
+#foo.focus-visible.js-focus-visible, .js-focus-visible #foo.focus-visible {
 	order: 80;
 }
 
-.js-focus-visible .focus-visible#foo {
+.focus-visible#foo.js-focus-visible, .js-focus-visible .focus-visible#foo {
 	order: 81;
 }
 
-.js-focus-visible #foo .focus-visible {
+#foo.js-focus-visible .focus-visible, .js-focus-visible #foo .focus-visible {
 	order: 82;
 }
 
-.js-focus-visible .focus-visible #foo {
+.focus-visible.js-focus-visible #foo, .js-focus-visible .focus-visible #foo {
 	order: 83;
 }
 
-.js-focus-visible #foo  .focus-visible {
+#foo.js-focus-visible  .focus-visible, .js-focus-visible #foo  .focus-visible {
 	order: 84;
 }
 
-.js-focus-visible .focus-visible  #foo {
+.focus-visible.js-focus-visible  #foo, .js-focus-visible .focus-visible  #foo {
 	order: 85;
 }
 
-.js-focus-visible #foo+.focus-visible {
+#foo.js-focus-visible+.focus-visible, .js-focus-visible #foo+.focus-visible {
 	order: 86;
 }
 
-.js-focus-visible .focus-visible+#foo {
+.focus-visible.js-focus-visible+#foo, .js-focus-visible .focus-visible+#foo {
 	order: 87;
 }
 
-.js-focus-visible #foo + .focus-visible {
+#foo.js-focus-visible + .focus-visible, .js-focus-visible #foo + .focus-visible {
 	order: 88;
 }
 
-.js-focus-visible .focus-visible + #foo {
+.focus-visible.js-focus-visible + #foo, .js-focus-visible .focus-visible + #foo {
 	order: 89;
 }
 
-.js-focus-visible #foo~.focus-visible {
+#foo.js-focus-visible~.focus-visible, .js-focus-visible #foo~.focus-visible {
 	order: 90;
 }
 
-.js-focus-visible .focus-visible~#foo {
+.focus-visible.js-focus-visible~#foo, .js-focus-visible .focus-visible~#foo {
 	order: 91;
 }
 
-.js-focus-visible #foo ~ .focus-visible {
+#foo.js-focus-visible ~ .focus-visible, .js-focus-visible #foo ~ .focus-visible {
 	order: 92;
 }
 
-.js-focus-visible .focus-visible ~ #foo {
+.focus-visible.js-focus-visible ~ #foo, .js-focus-visible .focus-visible ~ #foo {
 	order: 93;
 }
 
-.js-focus-visible #foo>.focus-visible {
+#foo.js-focus-visible>.focus-visible, .js-focus-visible #foo>.focus-visible {
 	order: 94;
 }
 
-.js-focus-visible .focus-visible>#foo {
+.focus-visible.js-focus-visible>#foo, .js-focus-visible .focus-visible>#foo {
 	order: 95;
 }
 
-.js-focus-visible #foo > .focus-visible {
+#foo.js-focus-visible > .focus-visible, .js-focus-visible #foo > .focus-visible {
 	order: 96;
 }
 
-.js-focus-visible .focus-visible > #foo {
+.focus-visible.js-focus-visible > #foo, .js-focus-visible .focus-visible > #foo {
 	order: 97;
 }
 
-#foo, .js-focus-visible .focus-visible {
+#foo, .focus-visible.js-focus-visible, .js-focus-visible .focus-visible {
 	order: 98;
 }
 
-.js-focus-visible .focus-visible, #foo {
+.focus-visible.js-focus-visible, .js-focus-visible .focus-visible, #foo {
 	order: 99;
 }
 
-.js-focus-visible __foo.focus-visible {
+__foo.focus-visible.js-focus-visible, .js-focus-visible __foo.focus-visible {
 	order: 100;
 }
 
@@ -406,475 +406,475 @@ button, .js-focus-visible .focus-visible {
 	order: 101;
 }
 
-.js-focus-visible __foo .focus-visible {
+__foo.js-focus-visible .focus-visible, .js-focus-visible __foo .focus-visible {
 	order: 102;
 }
 
-.js-focus-visible .focus-visible __foo {
+.focus-visible.js-focus-visible __foo, .js-focus-visible .focus-visible __foo {
 	order: 103;
 }
 
-.js-focus-visible __foo  .focus-visible {
+__foo.js-focus-visible  .focus-visible, .js-focus-visible __foo  .focus-visible {
 	order: 104;
 }
 
-.js-focus-visible .focus-visible  __foo {
+.focus-visible.js-focus-visible  __foo, .js-focus-visible .focus-visible  __foo {
 	order: 105;
 }
 
-.js-focus-visible __foo+.focus-visible {
+__foo.js-focus-visible+.focus-visible, .js-focus-visible __foo+.focus-visible {
 	order: 106;
 }
 
-.js-focus-visible .focus-visible+__foo {
+.focus-visible.js-focus-visible+__foo, .js-focus-visible .focus-visible+__foo {
 	order: 107;
 }
 
-.js-focus-visible __foo + .focus-visible {
+__foo.js-focus-visible + .focus-visible, .js-focus-visible __foo + .focus-visible {
 	order: 108;
 }
 
-.js-focus-visible .focus-visible + __foo {
+.focus-visible.js-focus-visible + __foo, .js-focus-visible .focus-visible + __foo {
 	order: 109;
 }
 
-.js-focus-visible __foo~.focus-visible {
+__foo.js-focus-visible~.focus-visible, .js-focus-visible __foo~.focus-visible {
 	order: 110;
 }
 
-.js-focus-visible .focus-visible~__foo {
+.focus-visible.js-focus-visible~__foo, .js-focus-visible .focus-visible~__foo {
 	order: 111;
 }
 
-.js-focus-visible __foo ~ .focus-visible {
+__foo.js-focus-visible ~ .focus-visible, .js-focus-visible __foo ~ .focus-visible {
 	order: 112;
 }
 
-.js-focus-visible .focus-visible ~ __foo {
+.focus-visible.js-focus-visible ~ __foo, .js-focus-visible .focus-visible ~ __foo {
 	order: 113;
 }
 
-.js-focus-visible __foo>.focus-visible {
+__foo.js-focus-visible>.focus-visible, .js-focus-visible __foo>.focus-visible {
 	order: 114;
 }
 
-.js-focus-visible .focus-visible>__foo {
+.focus-visible.js-focus-visible>__foo, .js-focus-visible .focus-visible>__foo {
 	order: 115;
 }
 
-.js-focus-visible __foo > .focus-visible {
+__foo.js-focus-visible > .focus-visible, .js-focus-visible __foo > .focus-visible {
 	order: 116;
 }
 
-.js-focus-visible .focus-visible > __foo {
+.focus-visible.js-focus-visible > __foo, .js-focus-visible .focus-visible > __foo {
 	order: 117;
 }
 
-__foo, .js-focus-visible .focus-visible {
+__foo, .focus-visible.js-focus-visible, .js-focus-visible .focus-visible {
 	order: 118;
 }
 
-.js-focus-visible .focus-visible, __foo {
+.focus-visible.js-focus-visible, .js-focus-visible .focus-visible, __foo {
 	order: 119;
 }
 
-.js-focus-visible :--foo.focus-visible {
+:--foo.focus-visible.js-focus-visible, .js-focus-visible :--foo.focus-visible {
 	order: 120;
 }
 
-.js-focus-visible .focus-visible:--foo {
+.focus-visible:--foo.js-focus-visible, .js-focus-visible .focus-visible:--foo {
 	order: 121;
 }
 
-.js-focus-visible :--foo .focus-visible {
+:--foo.js-focus-visible .focus-visible, .js-focus-visible :--foo .focus-visible {
 	order: 122;
 }
 
-.js-focus-visible .focus-visible :--foo {
+.focus-visible.js-focus-visible :--foo, .js-focus-visible .focus-visible :--foo {
 	order: 123;
 }
 
-.js-focus-visible :--foo  .focus-visible {
+:--foo.js-focus-visible  .focus-visible, .js-focus-visible :--foo  .focus-visible {
 	order: 124;
 }
 
-.js-focus-visible .focus-visible  :--foo {
+.focus-visible.js-focus-visible  :--foo, .js-focus-visible .focus-visible  :--foo {
 	order: 125;
 }
 
-.js-focus-visible :--foo+.focus-visible {
+:--foo.js-focus-visible+.focus-visible, .js-focus-visible :--foo+.focus-visible {
 	order: 126;
 }
 
-.js-focus-visible .focus-visible+:--foo {
+.focus-visible.js-focus-visible+:--foo, .js-focus-visible .focus-visible+:--foo {
 	order: 127;
 }
 
-.js-focus-visible :--foo + .focus-visible {
+:--foo.js-focus-visible + .focus-visible, .js-focus-visible :--foo + .focus-visible {
 	order: 128;
 }
 
-.js-focus-visible .focus-visible + :--foo {
+.focus-visible.js-focus-visible + :--foo, .js-focus-visible .focus-visible + :--foo {
 	order: 129;
 }
 
-.js-focus-visible :--foo~.focus-visible {
+:--foo.js-focus-visible~.focus-visible, .js-focus-visible :--foo~.focus-visible {
 	order: 130;
 }
 
-.js-focus-visible .focus-visible~:--foo {
+.focus-visible.js-focus-visible~:--foo, .js-focus-visible .focus-visible~:--foo {
 	order: 131;
 }
 
-.js-focus-visible :--foo ~ .focus-visible {
+:--foo.js-focus-visible ~ .focus-visible, .js-focus-visible :--foo ~ .focus-visible {
 	order: 132;
 }
 
-.js-focus-visible .focus-visible ~ :--foo {
+.focus-visible.js-focus-visible ~ :--foo, .js-focus-visible .focus-visible ~ :--foo {
 	order: 133;
 }
 
-.js-focus-visible :--foo>.focus-visible {
+:--foo.js-focus-visible>.focus-visible, .js-focus-visible :--foo>.focus-visible {
 	order: 134;
 }
 
-.js-focus-visible .focus-visible>:--foo {
+.focus-visible.js-focus-visible>:--foo, .js-focus-visible .focus-visible>:--foo {
 	order: 135;
 }
 
-.js-focus-visible :--foo > .focus-visible {
+:--foo.js-focus-visible > .focus-visible, .js-focus-visible :--foo > .focus-visible {
 	order: 136;
 }
 
-.js-focus-visible .focus-visible > :--foo {
+.focus-visible.js-focus-visible > :--foo, .js-focus-visible .focus-visible > :--foo {
 	order: 137;
 }
 
-:--foo, .js-focus-visible .focus-visible {
+:--foo, .focus-visible.js-focus-visible, .js-focus-visible .focus-visible {
 	order: 138;
 }
 
-.js-focus-visible .focus-visible, :--foo {
+.focus-visible.js-focus-visible, .js-focus-visible .focus-visible, :--foo {
 	order: 139;
 }
 
-.js-focus-visible [foo="baz"].focus-visible {
+[foo="baz"].focus-visible.js-focus-visible, .js-focus-visible [foo="baz"].focus-visible {
 	order: 140;
 }
 
-.js-focus-visible .focus-visible[foo="baz"] {
+.focus-visible[foo="baz"].js-focus-visible, .js-focus-visible .focus-visible[foo="baz"] {
 	order: 141;
 }
 
-.js-focus-visible [foo="baz"] .focus-visible {
+[foo="baz"].js-focus-visible .focus-visible, .js-focus-visible [foo="baz"] .focus-visible {
 	order: 142;
 }
 
-.js-focus-visible .focus-visible [foo="baz"] {
+.focus-visible.js-focus-visible [foo="baz"], .js-focus-visible .focus-visible [foo="baz"] {
 	order: 143;
 }
 
-.js-focus-visible [foo="baz"]  .focus-visible {
+[foo="baz"].js-focus-visible  .focus-visible, .js-focus-visible [foo="baz"]  .focus-visible {
 	order: 144;
 }
 
-.js-focus-visible .focus-visible  [foo="baz"] {
+.focus-visible.js-focus-visible  [foo="baz"], .js-focus-visible .focus-visible  [foo="baz"] {
 	order: 145;
 }
 
-.js-focus-visible [foo="baz"]+.focus-visible {
+[foo="baz"].js-focus-visible+.focus-visible, .js-focus-visible [foo="baz"]+.focus-visible {
 	order: 146;
 }
 
-.js-focus-visible .focus-visible+[foo="baz"] {
+.focus-visible.js-focus-visible+[foo="baz"], .js-focus-visible .focus-visible+[foo="baz"] {
 	order: 147;
 }
 
-.js-focus-visible [foo="baz"] + .focus-visible {
+[foo="baz"].js-focus-visible + .focus-visible, .js-focus-visible [foo="baz"] + .focus-visible {
 	order: 148;
 }
 
-.js-focus-visible .focus-visible + [foo="baz"] {
+.focus-visible.js-focus-visible + [foo="baz"], .js-focus-visible .focus-visible + [foo="baz"] {
 	order: 149;
 }
 
-.js-focus-visible [foo="baz"]~.focus-visible {
+[foo="baz"].js-focus-visible~.focus-visible, .js-focus-visible [foo="baz"]~.focus-visible {
 	order: 150;
 }
 
-.js-focus-visible .focus-visible~[foo="baz"] {
+.focus-visible.js-focus-visible~[foo="baz"], .js-focus-visible .focus-visible~[foo="baz"] {
 	order: 151;
 }
 
-.js-focus-visible [foo="baz"] ~ .focus-visible {
+[foo="baz"].js-focus-visible ~ .focus-visible, .js-focus-visible [foo="baz"] ~ .focus-visible {
 	order: 152;
 }
 
-.js-focus-visible .focus-visible ~ [foo="baz"] {
+.focus-visible.js-focus-visible ~ [foo="baz"], .js-focus-visible .focus-visible ~ [foo="baz"] {
 	order: 153;
 }
 
-.js-focus-visible [foo="baz"]>.focus-visible {
+[foo="baz"].js-focus-visible>.focus-visible, .js-focus-visible [foo="baz"]>.focus-visible {
 	order: 154;
 }
 
-.js-focus-visible .focus-visible>[foo="baz"] {
+.focus-visible.js-focus-visible>[foo="baz"], .js-focus-visible .focus-visible>[foo="baz"] {
 	order: 155;
 }
 
-.js-focus-visible [foo="baz"] > .focus-visible {
+[foo="baz"].js-focus-visible > .focus-visible, .js-focus-visible [foo="baz"] > .focus-visible {
 	order: 156;
 }
 
-.js-focus-visible .focus-visible > [foo="baz"] {
+.focus-visible.js-focus-visible > [foo="baz"], .js-focus-visible .focus-visible > [foo="baz"] {
 	order: 157;
 }
 
-[foo="baz"], .js-focus-visible .focus-visible {
+[foo="baz"], .focus-visible.js-focus-visible, .js-focus-visible .focus-visible {
 	order: 158;
 }
 
-.js-focus-visible .focus-visible, [foo="baz"] {
+.focus-visible.js-focus-visible, .js-focus-visible .focus-visible, [foo="baz"] {
 	order: 159;
 }
 
-.js-focus-visible *.focus-visible {
+*.focus-visible.js-focus-visible, .js-focus-visible *.focus-visible {
 	order: 160;
 }
 
-.js-focus-visible .focus-visible* {
+.focus-visible*.js-focus-visible, .js-focus-visible .focus-visible* {
 	order: 161;
 }
 
-.js-focus-visible * .focus-visible {
+*.js-focus-visible .focus-visible, .js-focus-visible * .focus-visible {
 	order: 162;
 }
 
-.js-focus-visible .focus-visible * {
+.focus-visible.js-focus-visible *, .js-focus-visible .focus-visible * {
 	order: 163;
 }
 
-.js-focus-visible *  .focus-visible {
+*.js-focus-visible  .focus-visible, .js-focus-visible *  .focus-visible {
 	order: 164;
 }
 
-.js-focus-visible .focus-visible  * {
+.focus-visible.js-focus-visible  *, .js-focus-visible .focus-visible  * {
 	order: 165;
 }
 
-.js-focus-visible *+.focus-visible {
+*.js-focus-visible+.focus-visible, .js-focus-visible *+.focus-visible {
 	order: 166;
 }
 
-.js-focus-visible .focus-visible+* {
+.focus-visible.js-focus-visible+*, .js-focus-visible .focus-visible+* {
 	order: 167;
 }
 
-.js-focus-visible * + .focus-visible {
+*.js-focus-visible + .focus-visible, .js-focus-visible * + .focus-visible {
 	order: 168;
 }
 
-.js-focus-visible .focus-visible + * {
+.focus-visible.js-focus-visible + *, .js-focus-visible .focus-visible + * {
 	order: 169;
 }
 
-.js-focus-visible *~.focus-visible {
+*.js-focus-visible~.focus-visible, .js-focus-visible *~.focus-visible {
 	order: 170;
 }
 
-.js-focus-visible .focus-visible~* {
+.focus-visible.js-focus-visible~*, .js-focus-visible .focus-visible~* {
 	order: 171;
 }
 
-.js-focus-visible * ~ .focus-visible {
+*.js-focus-visible ~ .focus-visible, .js-focus-visible * ~ .focus-visible {
 	order: 172;
 }
 
-.js-focus-visible .focus-visible ~ * {
+.focus-visible.js-focus-visible ~ *, .js-focus-visible .focus-visible ~ * {
 	order: 173;
 }
 
-.js-focus-visible *>.focus-visible {
+*.js-focus-visible>.focus-visible, .js-focus-visible *>.focus-visible {
 	order: 174;
 }
 
-.js-focus-visible .focus-visible>* {
+.focus-visible.js-focus-visible>*, .js-focus-visible .focus-visible>* {
 	order: 175;
 }
 
-.js-focus-visible * > .focus-visible {
+*.js-focus-visible > .focus-visible, .js-focus-visible * > .focus-visible {
 	order: 176;
 }
 
-.js-focus-visible .focus-visible > * {
+.focus-visible.js-focus-visible > *, .js-focus-visible .focus-visible > * {
 	order: 177;
 }
 
-*, .js-focus-visible .focus-visible {
+*, .focus-visible.js-focus-visible, .js-focus-visible .focus-visible {
 	order: 178;
 }
 
-.js-focus-visible .focus-visible, * {
+.focus-visible.js-focus-visible, .js-focus-visible .focus-visible, * {
 	order: 179;
 }
 
-.js-focus-visible :hover.focus-visible {
+:hover.focus-visible.js-focus-visible, .js-focus-visible :hover.focus-visible {
 	order: 180;
 }
 
-.js-focus-visible .focus-visible:hover {
+.focus-visible:hover.js-focus-visible, .js-focus-visible .focus-visible:hover {
 	order: 181;
 }
 
-.js-focus-visible :hover .focus-visible {
+:hover.js-focus-visible .focus-visible, .js-focus-visible :hover .focus-visible {
 	order: 182;
 }
 
-.js-focus-visible .focus-visible :hover {
+.focus-visible.js-focus-visible :hover, .js-focus-visible .focus-visible :hover {
 	order: 183;
 }
 
-.js-focus-visible :hover  .focus-visible {
+:hover.js-focus-visible  .focus-visible, .js-focus-visible :hover  .focus-visible {
 	order: 184;
 }
 
-.js-focus-visible .focus-visible  :hover {
+.focus-visible.js-focus-visible  :hover, .js-focus-visible .focus-visible  :hover {
 	order: 185;
 }
 
-.js-focus-visible :hover+.focus-visible {
+:hover.js-focus-visible+.focus-visible, .js-focus-visible :hover+.focus-visible {
 	order: 186;
 }
 
-.js-focus-visible .focus-visible+:hover {
+.focus-visible.js-focus-visible+:hover, .js-focus-visible .focus-visible+:hover {
 	order: 187;
 }
 
-.js-focus-visible :hover + .focus-visible {
+:hover.js-focus-visible + .focus-visible, .js-focus-visible :hover + .focus-visible {
 	order: 188;
 }
 
-.js-focus-visible .focus-visible + :hover {
+.focus-visible.js-focus-visible + :hover, .js-focus-visible .focus-visible + :hover {
 	order: 189;
 }
 
-.js-focus-visible :hover~.focus-visible {
+:hover.js-focus-visible~.focus-visible, .js-focus-visible :hover~.focus-visible {
 	order: 190;
 }
 
-.js-focus-visible .focus-visible~:hover {
+.focus-visible.js-focus-visible~:hover, .js-focus-visible .focus-visible~:hover {
 	order: 191;
 }
 
-.js-focus-visible :hover ~ .focus-visible {
+:hover.js-focus-visible ~ .focus-visible, .js-focus-visible :hover ~ .focus-visible {
 	order: 192;
 }
 
-.js-focus-visible .focus-visible ~ :hover {
+.focus-visible.js-focus-visible ~ :hover, .js-focus-visible .focus-visible ~ :hover {
 	order: 193;
 }
 
-.js-focus-visible :hover>.focus-visible {
+:hover.js-focus-visible>.focus-visible, .js-focus-visible :hover>.focus-visible {
 	order: 194;
 }
 
-.js-focus-visible .focus-visible>:hover {
+.focus-visible.js-focus-visible>:hover, .js-focus-visible .focus-visible>:hover {
 	order: 195;
 }
 
-.js-focus-visible :hover > .focus-visible {
+:hover.js-focus-visible > .focus-visible, .js-focus-visible :hover > .focus-visible {
 	order: 196;
 }
 
-.js-focus-visible .focus-visible > :hover {
+.focus-visible.js-focus-visible > :hover, .js-focus-visible .focus-visible > :hover {
 	order: 197;
 }
 
-:hover, .js-focus-visible .focus-visible {
+:hover, .focus-visible.js-focus-visible, .js-focus-visible .focus-visible {
 	order: 198;
 }
 
-.js-focus-visible .focus-visible, :hover {
+.focus-visible.js-focus-visible, .js-focus-visible .focus-visible, :hover {
 	order: 199;
 }
 
-.js-focus-visible ::before.focus-visible {
+.js-focus-visible::before.focus-visible, .js-focus-visible ::before.focus-visible {
 	order: 200;
 }
 
-.js-focus-visible .focus-visible::before {
+.focus-visible.js-focus-visible::before, .js-focus-visible .focus-visible::before {
 	order: 201;
 }
 
-.js-focus-visible ::before .focus-visible {
+.js-focus-visible::before .focus-visible, .js-focus-visible ::before .focus-visible {
 	order: 202;
 }
 
-.js-focus-visible .focus-visible ::before {
+.focus-visible.js-focus-visible ::before, .js-focus-visible .focus-visible ::before {
 	order: 203;
 }
 
-.js-focus-visible ::before  .focus-visible {
+.js-focus-visible::before  .focus-visible, .js-focus-visible ::before  .focus-visible {
 	order: 204;
 }
 
-.js-focus-visible .focus-visible  ::before {
+.focus-visible.js-focus-visible  ::before, .js-focus-visible .focus-visible  ::before {
 	order: 205;
 }
 
-.js-focus-visible ::before+.focus-visible {
+.js-focus-visible::before+.focus-visible, .js-focus-visible ::before+.focus-visible {
 	order: 206;
 }
 
-.js-focus-visible .focus-visible+::before {
+.focus-visible.js-focus-visible+::before, .js-focus-visible .focus-visible+::before {
 	order: 207;
 }
 
-.js-focus-visible ::before + .focus-visible {
+.js-focus-visible::before + .focus-visible, .js-focus-visible ::before + .focus-visible {
 	order: 208;
 }
 
-.js-focus-visible .focus-visible + ::before {
+.focus-visible.js-focus-visible + ::before, .js-focus-visible .focus-visible + ::before {
 	order: 209;
 }
 
-.js-focus-visible ::before~.focus-visible {
+.js-focus-visible::before~.focus-visible, .js-focus-visible ::before~.focus-visible {
 	order: 210;
 }
 
-.js-focus-visible .focus-visible~::before {
+.focus-visible.js-focus-visible~::before, .js-focus-visible .focus-visible~::before {
 	order: 211;
 }
 
-.js-focus-visible ::before ~ .focus-visible {
+.js-focus-visible::before ~ .focus-visible, .js-focus-visible ::before ~ .focus-visible {
 	order: 212;
 }
 
-.js-focus-visible .focus-visible ~ ::before {
+.focus-visible.js-focus-visible ~ ::before, .js-focus-visible .focus-visible ~ ::before {
 	order: 213;
 }
 
-.js-focus-visible ::before>.focus-visible {
+.js-focus-visible::before>.focus-visible, .js-focus-visible ::before>.focus-visible {
 	order: 214;
 }
 
-.js-focus-visible .focus-visible>::before {
+.focus-visible.js-focus-visible>::before, .js-focus-visible .focus-visible>::before {
 	order: 215;
 }
 
-.js-focus-visible ::before > .focus-visible {
+.js-focus-visible::before > .focus-visible, .js-focus-visible ::before > .focus-visible {
 	order: 216;
 }
 
-.js-focus-visible .focus-visible > ::before {
+.focus-visible.js-focus-visible > ::before, .js-focus-visible .focus-visible > ::before {
 	order: 217;
 }
 
-::before, .js-focus-visible .focus-visible {
+::before, .focus-visible.js-focus-visible, .js-focus-visible .focus-visible {
 	order: 218;
 }
 
-.js-focus-visible .focus-visible, ::before {
+.focus-visible.js-focus-visible, .js-focus-visible .focus-visible, ::before {
 	order: 219;
 }
 
@@ -886,7 +886,7 @@ foo[baz=":focus-visible"] {
 	order: 221;
 }
 
-.js-focus-visible :not(.focus-visible) {
+:not(.focus-visible).js-focus-visible, .js-focus-visible :not(.focus-visible) {
 	order: 222;
 }
 
@@ -894,11 +894,11 @@ foo[baz=":focus-visible"] {
 	order: 223;
 }
 
-.js-focus-visible :--.focus-visible {
+:--.focus-visible.js-focus-visible, .js-focus-visible :--.focus-visible {
 	order: 224;
 }
 
-.js-focus-visible __.focus-visible {
+__.focus-visible.js-focus-visible, .js-focus-visible __.focus-visible {
 	order: 225;
 }