/* Native disclosures retain their keyboard, focus and close behavior. */
html { scrollbar-gutter: stable; }
@media (prefers-reduced-motion: no-preference) {
  @media (min-width: 1101px) {
    .nav-group[open] > .nav-panel {
      animation: f-submenu-enter 180ms cubic-bezier(.22, .61, .36, 1);
    }

    @keyframes f-submenu-enter {
      from { opacity: 0; transform: translateY(6px); }
      to { opacity: 1; transform: translateY(0); }
    }

    @supports selector(details::details-content) and (transition-behavior: allow-discrete) {
      .nav-group::details-content {
        overflow: visible;
        transition: content-visibility 130ms allow-discrete;
      }

      .nav-group[open]::details-content {
        transition-duration: 180ms;
      }

      .nav-group > .nav-panel {
        opacity: 0;
        transform: translateY(6px);
        pointer-events: none;
        transition: opacity 130ms ease-in, transform 130ms ease-in;
      }

      .nav-group[open] > .nav-panel {
        animation: none;
        opacity: 1;
        transform: translateY(0);
        pointer-events: auto;
        transition-duration: 180ms;
        transition-timing-function: cubic-bezier(.22, .61, .36, 1);
      }

      @starting-style {
        .nav-group[open] > .nav-panel {
          opacity: 0;
          transform: translateY(6px);
        }
      }
    }
  }

}