@tailwind base;

@layer base {
  b,
  strong {
    @apply font-medium;
  }

  a:focus:not(:focus-visible),
  button:focus:not(:focus-visible),
  [role="button"]:focus:not(:focus-visible),
  [tabindex="0"]:focus:not(:focus-visible),
  input:focus:not(:focus-visible),
  textarea:focus:not(:focus-visible) {
    @apply outline-none
      shadow-none;

    outline: solid 1px transparent;
  }

  /* .focus-visible comes from a plugin in tailwind.config.js, not a stylesheet. */
  a:focus-visible,
  button:focus-visible,
  [role="button"]:focus-visible,
  [tabindex="0"]:focus-visible,
  input:not(.ads-Radio-input, .ads-Checkbox-Input, .ads-FileUpload-input, .ads-OptionButton-input, .focus\:outline-none):focus,
  textarea:focus {
    @apply focus-visible;
  }
}