conditionalFocusStyles.js

const styleEl = document.createElement('style')
styleEl.setAttribute('id', '_unique-id-outline-styles')
document.head.appendChild(styleEl)

// Inject outline preventing styles only for non-keyboard users
document.addEventListener('mousedown', () => {
  styleEl.innerHTML = 'a,a:focus,button,button:focus,input,input:focus,textarea,textarea:focus,div:focus {outline:none}'
})

document.addEventListener('keydown', () => {
  styleEl.innerHTML = ''
})