/*
 * Collapsed levels of the mobile drawer are only slid out and faded, which
 * leaves their links in the tab order. The breakpoint and transitions mirror
 * the mkdocs-material 9.7.6 rules for `.md-nav__toggle ~ .md-nav`, with a
 * visibility step appended so the slide-out animation still plays.
 */
@media screen and (max-width: 76.234375em) {
  .md-nav__toggle ~ .md-nav {
    visibility: hidden;
    transition:
      transform 0.25s cubic-bezier(0.8, 0, 0.6, 1),
      opacity 125ms 50ms,
      visibility 0ms 0.25s;
  }

  /* inherit keeps an expanded level hidden while its parent level is collapsed */
  .md-nav__toggle:checked ~ .md-nav {
    visibility: inherit;
    transition:
      transform 0.25s cubic-bezier(0.4, 0, 0.2, 1),
      opacity 125ms 125ms,
      visibility 0ms;
  }
}