.with-sidebar {
  position: relative;
  min-height: var(--no-footer-height);
}

.sidebar__container {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 50px;
  pointer-events: none;
  z-index: 2;
  transform: translateZ(0);
}

.sidebar__container[hidden] {
  display: block;
}

.sidebar {
  display: block;
  width: 160px; position: sticky;  
  top: 175px; margin-left: -190px;
  pointer-events: all;
}

/* Jump list */
.jump-list {
  gap: 15px;
  padding-top: 30px;
}

.jump-list__link[aria-current="true"] {
  font-weight: bold;
}

.jump-list__link[aria-current="false"] {
  color: var(--color-dark);
}

@media (pointer: fine) {
  .jump-list__link:hover {
    border-bottom-width: 4px;
  }
}


@media (max-width: 1000px) {
  .sidebar__container {
    position: fixed;
    top: var(--header-height);
    bottom: 0; left: 0; right: 0;
    width: auto;
    background: rgba(0,0,0,0.5);
    pointer-events: all;
    z-index: 10;
  }

  .sidebar {
    position: absolute; 
    right: 0; top: 0; bottom: 0;
    width: 300px;
    background: var(--color-light-2);
    padding: 24px;
    padding-right: 52px;
    z-index: 10;
    overflow: auto;
  }

  .sidebar__container,
  .sidebar {
    transition: var(--long-transition);
  }

  .sidebar__container[hidden] {
    background: transparent;
    pointer-events: none;
  }

  .sidebar__container[hidden] .sidebar {
    transform: translateX(100%);
  }

  .filters__close  {
    position: absolute;
    right: 18px;
    top: 18px;
  }

}