/* Wider navigation sidebars so long section / namespace names aren't clipped. */
@media screen and (min-width: 76.25em) {
  .md-sidebar--primary { width: 15rem; }
  .md-sidebar--secondary { width: 14rem; }
}

/* Let nav and table-of-contents labels wrap fully instead of being cut off. */
.md-nav__link {
  white-space: normal;
  overflow-wrap: anywhere;
}

/* Cross-reference links to type definitions (injected by hooks/crosslink.py). */
.md-typeset a.xref {
  color: var(--md-accent-fg-color);
  text-decoration: underline dotted;
  text-underline-offset: 2px;
  cursor: help;
}
.md-typeset a.xref:hover {
  text-decoration: underline solid;
}

/* Hover "peek" popover (peek.js). */
.api-peek {
  position: absolute;
  z-index: 100;
  max-width: 28rem;
  padding: 0.5rem 0.7rem;
  border: 1px solid var(--md-default-fg-color--lighter);
  border-radius: 0.2rem;
  background: var(--md-default-bg-color);
  color: var(--md-default-fg-color);
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.25);
  font-size: 0.7rem;
  line-height: 1.5;
  pointer-events: none;
}

/* Keep a jumped-to definition clear of the sticky header. */
.md-typeset code[id^="ref-"] {
  scroll-margin-top: 4rem;
}

/* Brief highlight flash on the definition you jump to. */
@keyframes api-target-flash {
  0% {
    background-color: rgba(124, 77, 162, 0.55); /* fallback */
    background-color: color-mix(in srgb, var(--md-accent-fg-color) 55%, transparent);
  }
  100% {
    background-color: transparent;
  }
}
.md-typeset .api-target-flash {
  animation: api-target-flash 2.2s ease-out;
  border-radius: 0.15rem;
  box-decoration-break: clone;
}