.block[type=anchors] {
  position: -webkit-sticky;
  position: sticky;
  top: calc(var(--sticky-height-scroll, 0px));
  z-index: 998;
  transform: translateY(-1px);
}

.lorien-anchors {
  --padding: 15px 20px;
  --font-size: 16;
  -ms-flex-align: center;
      align-items: center;
  background: rgb(var(--color-neutral-1));
  display: -ms-flexbox;
  display: flex;
  font-size: calc(var(--font-size) / var(--base) * 1rem);
  -ms-flex-pack: center;
      justify-content: center;
  position: -webkit-sticky;
  position: sticky;
  transition: 300ms box-shadow;
}
.lorien-anchors.pinned {
  box-shadow: 0 0 4px rgb(198, 198, 198);
}

.lorien-anchors__scroll {
  overflow-y: scroll;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.lorien-anchors__wrap {
  display: -ms-flexbox;
  display: flex;
}

.lorien-anchors__anchor {
  cursor: pointer;
  padding: var(--padding);
  white-space: nowrap;
}
.lorien-anchors__anchor:after {
  background: currentColor;
  content: "";
  display: block;
  height: 1.5px;
  width: 100%;
  opacity: 0;
  transition: 300ms opacity ease;
}
.lorien-anchors__anchor.is-active:after {
  opacity: 0.4;
}

@media (min-width: 992px) {
  .lorien-anchors {
    --gap: 40px;
    --font-size: 20;
  }
}