/*
This CSS will prevent the MUI TextField showing the focus visual indicator when the
user clicks on the TextField.
This should only happen when user tabs into the TextField.
*/

body:not(.user-is-tabbing) a:focus,
body:not(.user-is-tabbing) input:focus,
body:not(.user-is-tabbing) textarea:focus,
body:not(.user-is-tabbing) button:focus,
body:not(.user-is-tabbing) button[type='button']:focus,
body:not(.user-is-tabbing) select:focus,
body:not(.user-is-tabbing) div[role='button']:focus,
body:not(.user-is-tabbing) div[role='listbox']:focus,
body:not(.user-is-tabbing) span[role='button']:focus,
body:not(.user-is-tabbing) fieldset[class*='notchedOutline'] {
  outline: 0;
  box-shadow: none;
}