body > header {
    position: absolute;
}

@keyframes jumpTopAutoShow {
  0% {
    opacity: 0;
  }
  7% {
    opacity: 0;
  }
  15% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}

#jump-top {
  animation: jumpTopAutoShow;
  animation-timeline: scroll();
  background: var(--header);
  font-size: 0.875rem;
  font-weight: 500;
  padding: 0.675rem;
  position: fixed;
  bottom: 48px;
  right: 32px;
  opacity: 0;
}

@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 auto linear;
  animation-timeline: scroll();
  background: #7F7FD5;
  height: 4px;
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10;
  transform-origin: 0 50%;
}

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

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