The :focus-visible pseudo-class is a native CSS way to style elements that,
1. Are in focus
2. Need a visible indicator to show focus
:focus-visible is used similarly to :focus: to bring attention to the element that currently has the focus.
:focus-visible only applies when you actually want a visual indicator to help the user see where the focus is.