
:root {
  --falcone-focus: rgba(129, 140, 248, 0.88);
  --falcone-focus-halo: rgba(79, 70, 229, 0.20);
}

a:focus:not(:focus-visible),
button:focus:not(:focus-visible),
summary:focus:not(:focus-visible),
[role="button"]:focus:not(:focus-visible),
input[type="button"]:focus:not(:focus-visible),
input[type="submit"]:focus:not(:focus-visible),
input[type="reset"]:focus:not(:focus-visible) {
  outline: none !important;
}

.btn:focus:not(:focus-visible) {
  box-shadow: none !important;
}

a:focus-visible,
button:focus-visible,
summary:focus-visible,
[role="button"]:focus-visible,
input[type="button"]:focus-visible,
input[type="submit"]:focus-visible,
input[type="reset"]:focus-visible {
  outline: 2px solid var(--falcone-focus) !important;
  outline-offset: 2px;
  box-shadow: 0 0 0 4px var(--falcone-focus-halo) !important;
}

input:not([type="hidden"]):focus-visible,
select:focus-visible,
textarea:focus-visible {
  outline: 2px solid var(--falcone-focus) !important;
  outline-offset: 1px;
}

.helpAccQ:focus-visible {
  outline: none !important;
  box-shadow: inset 0 0 0 2px var(--falcone-focus) !important;
}

.helpAccQ:focus:not(:focus-visible) {
  box-shadow: none !important;
}
