.overflow-scroller {
  user-select: none;
  cursor: grab;
  cursor: -webkit-grab;
  overflow-y: hidden;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  scroll-behavior: smooth;
}

.overflow-scroller.active,
.overflow-scroller.active .post__title a {
  cursor: grabbing;
}

:root {
  --scroll-fade-width: 80px;
  --slider-scrollbar-height:12px;
}

.scroll-mask-wrapper {
  position: relative;
  margin: 0 auto;
  overflow: hidden;
}

.scroller {
  overflow-x: scroll;
  overflow-y: hidden;
  height: calc(100% - 14px);
  mask-image: linear-gradient(to right, black calc(100% - var(--scroll-fade-width)), transparent);
  scrollbar-width: none;
  -ms-overflow-style: none;
  -webkit-overflow-scrolling: touch;
  scroll-snap-type: x mandatory;
  scroll-behavior: smooth;
  user-select: none;
  cursor: grab;
  cursor: -webkit-grab;
}

.scroller .active {
  cursor: grabbing;
}

.scroller::-webkit-scrollbar {
  display: none;
}

.scroll-item a {
  user-select: none;
}

.scroll-item.active a {
  text-decoration-line: underline;
}

.scrollbar-proxy {
  overflow-x: auto;
  overflow-y: hidden;
  height: var(--slider-scrollbar-height);
  margin-top: 10px;
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.scrollbar-proxy::-webkit-scrollbar {
  display: none;
}

.scrollbar-inner {
  height: 1px;
}

.scroller.no-fade {
  mask-image: none;
}

.scroller.no-overflow {
  cursor: default;
}

.scroller.no-smooth-scroll {
  scroll-behavior: auto;
}

.scroller__container.layout__container,
.scroller__container > .layout__container {
  padding-right: 0;
}

.scroller__container.layout__container > .wrapper__content--medium,
.scroller__container > .layout__container > .wrapper__content--medium {
  max-width: calc(var(--content-medium) + var(--body-gutter));
}

.scroller__container.layout__container .scroll-item:last-child,
.scroller__container > .layout__container .scroll-item:last-child {
  padding-right: var(--body-gutter);
}

@media (min-width: 60rem) {
  .scroller {
    --scroll-fade-width: 150px;
  }
}

/*# sourceMappingURL=/assets/application/base/overflow-scroller-475a2e1d.css.map */