@@ -2642,34 +2642,14 @@ renderStyle options maybePseudo selector props =
26422642 renderedProps =
26432643 List.foldl (renderProps False) "" props
26442644 in
2645− [ selector
2646− ++ "-fs:focus {"
2645+ [ selector ++ "-fs:focus {" ++ renderedProps ++ "\n}"
2646+ , ("." ++ classes.any ++ ":focus " ++ selector ++ "-fs {")
26472647 ++ renderedProps
26482648 ++ "\n}"
2649− , "."
2650− ++ classes.any
2651− ++ ":focus ~ "
2652− ++ selector
2653− ++ "-fs:not(.focus) {"
2649+ , (selector ++ "-fs:focus-within {")
26542650 ++ renderedProps
26552651 ++ "\n}"
2656− , "."
2657− ++ classes.any
2658− ++ ":focus "
2659− ++ selector
2660− ++ "-fs {"
2661− ++ renderedProps
2662− ++ "\n}"
2663− , selector
2664− ++ "-fs:focus-within {"
2665− ++ renderedProps
2666− ++ "\n}"
2667− , ".focusable-parent:focus ~ "
2668− ++ "."
2669− ++ classes.any
2670− ++ " "
2671− ++ selector
2672− ++ "-fs {"
2652+ , (".focusable-parent:focus ~ " ++ "." ++ classes.any ++ " " ++ selector ++ "-fs {")
26732653 ++ renderedProps
26742654 ++ "\n}"
26752655 ]