/* First important layer: components/native styles cannot restore touch glow.
 * Hardware detection, semantic selected colors and text selection stay intact. */
@layer peTouchPolicy12356 {
  html, html *, html *::before, html *::after {
    -webkit-tap-highlight-color: transparent !important;
  }
  html:not([data-pe-focus-modality="keyboard"]) :is(:focus, :focus-visible),
  html:not([data-pe-focus-modality="keyboard"]) .studentRosterSearch12317:focus-within,
  html:not([data-pe-focus-modality="keyboard"]) .progressDatePicker:focus-within .progressDateDisplay {
    outline: none !important;
    box-shadow: none !important;
  }
  html[data-pe-focus-modality="keyboard"] :focus-visible {
    outline: 2px solid #52616b !important;
    outline-offset: -2px !important;
  }
  html:not([data-pe-focus-modality="keyboard"]) .progressDatePicker:focus-within .progressDateDisplay {
    border-color: #d7e1ec !important;
  }
  /* Press-only fills, not semantic selected options. */
  html:not([data-pe-focus-modality="keyboard"]) .mobileTabCurrent:active,
  html:not([data-pe-focus-modality="keyboard"]) .mobileTabOptions button:not(.active):active,
  html:not([data-pe-focus-modality="keyboard"]) .mobileClubMemberEdit:active,
  html:not([data-pe-focus-modality="keyboard"]) .mobileProgressExportBtn:active:not(:disabled) {
    background: #fff !important;
  }
  html:not([data-pe-focus-modality="keyboard"]) .mobileTabOptions button:not(.active):active {
    border-color: #dbe3ef !important;
  }
  html:not([data-pe-focus-modality="keyboard"]) #mobileStudentSelector .mobileStudentPersonButton:not(:disabled):active {
    background: #fff !important;
    border-color: #bfcddd !important;
  }
  html:not([data-pe-focus-modality="keyboard"]) #mobileStudentSelector .mobileContextPickerButton:not(:disabled):active,
  html:not([data-pe-focus-modality="keyboard"]) .mobileProgressPickerButton:active:not(:disabled) {
    background: #fff !important;
    border-color: #c8d4e2 !important;
  }
  html:not([data-pe-focus-modality="keyboard"]) .mobileCalendarAddButton:active {
    background: #f4f9ff !important;
    border-color: #79aee0 !important;
  }
  html:not([data-pe-focus-modality="keyboard"]) .mobileClubStatusGrid > .mobileClubStatsDetailButton:not(:disabled):is(:active,:focus-visible) {
    background: #fff !important;
    border-color: #e1e8ed !important;
    outline: none !important;
  }
}