@media (min-width: 768px) {
  #station-directory .q2b a {
    font-size: 0.875rem;
    line-height: 1.25rem;
  }

  html.station-directory-ready #station-directory {
    opacity: 0;
    clip-path: inset(100% 0 0 0);
    visibility: hidden;
    transition: clip-path 2200ms ease, opacity 2200ms ease, visibility 0s linear 2200ms;
  }

  html.station-directory-ready #station-directory.is-sliding .q2b {
    animation-play-state: paused;
  }
  html.station-directory-ready #station-directory.is-footer-visible {
    opacity: 1;
    clip-path: inset(0 0 0 0);
    visibility: visible;
    transition: clip-path 2200ms ease, opacity 2200ms ease, visibility 0s;
  }
}

@media (min-width: 768px) and (prefers-reduced-motion: reduce) {
  html.station-directory-ready #station-directory {
    transition: none;
  }
}