/* ============================================================================
   Components - Skip link
   system/components/skip-link.css

   The accessibility "skip to main content" link. Hidden by default,
   appears when keyboard-focused. WCAG 2.4.1 - keyboard users must be
   able to bypass repeated navigation.

   See sibling skip-link.md.
   ============================================================================ */

.gm .gm-skip-link {
  position: absolute;
  top: -100px;
  left: var(--gm-space-4);
  z-index: 9999;
  padding: var(--gm-space-3) var(--gm-space-5);
  background: var(--gm-accent-fill);
  color: #ffffff;
  font-family: var(--gm-font-sans);
  font-size: var(--gm-fs-base);
  font-weight: 600;
  border-radius: var(--gm-radius-md);
  border: 2px solid var(--gm-accent);
  text-decoration: none;
  transition: top var(--gm-duration-fast) var(--gm-ease-out);
}

.gm .gm-skip-link:focus,
.gm .gm-skip-link:focus-visible {
  top: var(--gm-space-4);
  outline: 3px solid var(--gm-accent);
  outline-offset: 2px;
}