:where(a, button, input, select, textarea, summary, [role="button"], [tabindex]:not([tabindex="-1"])):focus-visible {
  outline: var(--jsd-elli-focus-ring-width, 3px) solid var(--jsd-elli-focus-ring-color, #0d6efd);
  outline-offset: var(--jsd-elli-focus-ring-offset, 2px);
  box-shadow: var(--jsd-elli-focus-ring-shadow, 0 0 0 3px color-mix(in srgb, var(--jsd-elli-focus-ring-color, #0d6efd), transparent 70%));
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: 0.001ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.001ms !important;
    scroll-behavior: auto !important;
  }
}


.elli-skipnav {
  position: absolute;
  inset-block-start: 0;
  inset-inline-start: 0;
  z-index: 9999;
}

.elli-skipnav__link {
  position: absolute;
  inset-block-start: var(--elli-skipnav-offset-top, 1rem);
  inset-inline-start: var(--elli-skipnav-offset-left, 1rem);

  transform: translateY(-150%);
  opacity: 0;

  display: inline-block;
  padding: var(--elli-skipnav-padding-y, .75rem) var(--elli-skipnav-padding-x, 1rem);

  color: var(--elli-skipnav-color, #ffffff);
  background: var(--elli-skipnav-bg, #000000);
  border: var(--elli-skipnav-border-width, 2px) solid var(--elli-skipnav-border-color, #ffffff);
  border-radius: var(--elli-skipnav-border-radius, .25rem);

  font-weight: var(--elli-skipnav-font-weight, 700);
  line-height: 1.2;
  text-decoration: none;
  width: max-content;
}

.elli-skipnav__link:focus,
.elli-skipnav__link:focus-visible {
  transform: translateY(0);
  opacity: 1;

  outline: var(--jsd-elli-focus-ring-width, 3px) solid var(--jsd-elli-focus-ring-color, #0d6efd);
  outline-offset: var(--jsd-elli-focus-ring-offset, 2px);
  box-shadow: var(--jsd-elli-focus-ring-shadow, 0 0 0 3px color-mix(in srgb, var(--jsd-elli-focus-ring-color, #0d6efd), transparent 70%));
}