.listview {
  scrollbar-width: none;
  white-space: nowrap;
  overflow: auto;
  scroll-snap-type: x mandatory;
  scroll-behavior: smooth;
}

.listview__view {
  scroll-snap-align: start;
  display: inline-block;
  vertical-align: top;
  width: 100vw;
  max-height: 100%;
  white-space: normal;
  margin: 0;
  padding: 0;
  list-style: none;
  overflow: auto;
}

.listview__view[hidden] {
  display: none;
}

.listview__item-text {
  line-height: 1.2;
  margin: auto 0;
}

.listview__arrow-forward {
  margin: auto 0;
}

.listview__item {
  padding: var(--1);
  display: block;
  display: grid;
  grid-template-columns: 1fr max-content;
}

.listview__item-title {
  padding: var(--1);
  display: block;
  display: grid;
  grid-template-columns: max-content 1fr max-content;
}

.listview__item--title {
  cursor: default;
}

.listview__sticker {
  position: sticky;
  top: 0;
  z-index: 1;
}