/* Small final corrections shared by every route. */

.skip-link {
  position: fixed !important;
  z-index: 1200 !important;
  top: 10px !important;
  left: 12px !important;
  padding: 10px 15px !important;
  transform: translateY(-170%) !important;
  color: #050505 !important;
  background: var(--parlo-white) !important;
  font-size: 12px !important;
  transition: transform .2s ease !important;
}

.skip-link:focus {
  transform: translateY(0) !important;
}

.sr-only {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

.home-command-response[hidden],
.no-results[hidden] {
  display: none !important;
}

.button:not(.button-primary)::after {
  content: "";
  position: absolute;
  z-index: 2;
  width: 3px;
  height: 3px;
  border-radius: 50%;
  background: #fff;
  box-shadow: 0 0 7px rgba(255,255,255,.9);
  offset-path: inset(1px round 999px);
  animation: parlo-button-runner 3s linear infinite;
  pointer-events: none;
}

@keyframes parlo-button-runner {
  to { offset-distance: 100%; }
}

@media (prefers-reduced-motion: reduce) {
  .button:not(.button-primary)::after {
    animation: none !important;
    display: none !important;
  }
}