body > header {
    position: absolute;
}

@keyframes jumpTopAutoShow {
  10% {
    bottom: 48px;
  }
  100% {
    bottom: 48px;
  }
}

#jump-top {
  animation-name: jumpTopAutoShow;
  animation-timeline: scroll(root);
  background: var(--header);
  font-size: 0.875rem;
  font-weight: 500;
  padding: 0.675rem;
  position: fixed;
  bottom: -64px;
  right: 16px;
  z-index: 10;
}

@media (min-width: 52rem) {
  #jump-top {
    right: calc((100vw - 48rem) / 2 - 4rem);
  }
}

@keyframes scaleProgress {
  0% {
    transform: scaleX(0);
  }
  100% {
    transform: scaleX(1);
  }
}

#scroll-progress {
  animation: scaleProgress linear;
  animation-timeline: scroll(root);
  background: #0097e6;
  height: 4px;
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10;
  transform-origin: 0 50%;
}

.prose > article > section {
  text-wrap: pretty;
}

.prose > article > section p > img {
  display: block;
  margin: 0 auto;
}

.prose > article > section p > code {
  background: #dfe6e9;
  border-radius: 4px;
  padding: 2px 4px;
}

.dark .prose > article > section p > code {
  background: #2c3e50;
}

.prose :where(code):not(:where([class~=not-prose],[class~=not-prose] *)):before,
.prose :where(code):not(:where([class~=not-prose],[class~=not-prose] *)):after {
  content: unset
}

.zola-anchor {
  display: none;
  font-size: 1.5rem;
  padding-left: 0.325rem;
}

*:hover > .zola-anchor {
  display: unset;
}

@-moz-document url-prefix() {
  #jump-top {
    bottom: 48px;
  }

  #scroll-progress {
    display: none;
  }
}