Workaround for :focus appearing on mouse-click on input element?

.search-bar:focus-visible {
    outline-offset: 3px;
    outline: 2px solid var(--neutral-0);
}