.c-maplist {
  --_maplist-height: 100vh;
  --_maplist-margin: 0 auto;
  --_maplist-width: 100%;
  width: 100vw;
  max-width: var(--_maplist-width);
  min-width: -webkit-fill-available;
  margin: var(--_maplist-margin);
  margin-bottom: 2rem;
  padding: 0;
  border: 1px solid var(--divider-color);
  scroll-snap-align: start;
  scroll-snap-stop: always;
}
@media screen and (min-width: 992px) {
  .c-maplist {
    display: flex;
    flex-direction: row-reverse;
    width: auto;
    overflow: hidden;
  }
  body[data-channel="/mappe/"] .c-maplist {
    height: var(--_maplist-height);
  }
}
@media screen and (min-width: 1280px) {
  .c-maplist {
    --_maplist-width: max-content;
    --_maplist-margin: 0 -36%;
  }
}
.c-maplist__map {
  --map-height: 30vh;
  --map-width: 100%;
  --map-index: 2;
  position: sticky;
  top: 0;
  z-index: var(--map-index);
  width: var(--map-width);
  height: var(--map-height);
  overflow: hidden;
  background-color: var(--background-color);
}
@media screen and (min-width: 992px) {
  .c-maplist__map {
    --map-height: 100vh;
    --map-width: 50%;
    --map-index: 1;
  }
  body:not([data-channel="/mappe/"]) .c-maplist__map {
    --map-height: auto;
  }
}
.c-maplist__list {
  --list-height: auto;
  --list-width: 100%;
  --list-snap: y mandatory;
  width: var(--list-width);
  height: var(--list-height);
  overflow-y: scroll;
  background-color: var(--background-color-gray-dark);
  gap: 2rem;
}
@media screen and (min-width: 992px) {
  .c-maplist__list {
    --list-height: 100%;
    --list-width: 50%;
    --list-snap: none;
    top: 0;
    max-height: 100vh;
    overflow-y: scroll;
  }
}
.c-maplist__list {
  scrollbar-width: thin;
}
.c-maplist__list::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
.c-maplist__list::-webkit-scrollbar-track, .c-maplist__list::-webkit-scrollbar-thumb {
  -webkit-border-radius: 8px;
}
.c-maplist__list::-webkit-scrollbar-track {
  background: var(--background-color-light);
}
.c-maplist__list::-webkit-scrollbar-thumb {
  background: var(--theme-color-light);
}
.c-maplist__list::-webkit-scrollbar-thumb:hover {
  background: var(--theme-color);
}
.c-maplist__item {
  --item-snap: center;
  --item-height: auto;
  position: relative;
  width: 100%;
  min-width: 100%;
  height: var(--item-height);
  background-color: var(--background-color);
  scroll-snap-align: var(--item-snap);
  scroll-margin-top: 30vh;
}
@media screen and (min-width: 992px) {
  .c-maplist__item {
    --item-snap: none;
    --item-height: auto;
    scroll-margin-top: initial;
  }
}
.c-maplist__item img {
  width: 100% !important;
  height: auto !important;
}
.c-maplist__item figcaption {
  display: block;
  padding-top: 1rem;
  background-color: var(--background-color);
}
.c-maplist__item figcaption {
  font-family: var(--font-sans-grotesk);
  font-weight: 400;
}
.c-maplist__item figcaption {
  font-size: 0.875rem;
  line-height: calc(1em + 4px);
}
.c-maplist__navbar {
  display: none;
  position: sticky;
  top: 30vh;
  z-index: 3;
  background-color: var(--theme-color);
  color: #fff;
}
.c-entry:has(> .locked) .c-maplist {
  display: none;
}

.c-entry:has(> .locked) ~ .c-maplist {
  display: none;
}