.PostSlider {
  --pad-b: 20px;
  --h: 500px;
  --gap: 30px;
  --w: calc(100% - 1px);

  position: relative;
  width: 100%;

  /* padding: 0 var(--page-pad) var(--page-pad); */
  padding: 0;
  /* display: flex;
  flex-direction: row;
  gap: var(--gap); */
  white-space: nowrap;
  padding-bottom: var(--pad-b);

  /* overflow-x: auto;
  overflow-x: overlay */;
  /* overflow-y: hidden; */
  /* scroll-snap-type: x mandatory;
  scroll-behavior: smooth; */

  cursor: grab;
}

  .PostSlider.--draggin {
    /* cursor: grabbing; */
    /* scroll-behavior: initial;
    scroll-snap-type: none; */
  }

.PostSlider__cont {
  width: 100%;
  overflow: hidden;
}

.PostSlider__arrow {
  --mm: 40px;
  --m: var(--mm);
  --s: 40px;
  position: absolute;
  top: calc(50% - .5*var(--s));
  left: calc(-1*var(--s) - var(--m));
  opacity: 0;

  width: var(--s);
  height: var(--s);

  background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDAiIGhlaWdodD0iNDAiIHZpZXdCb3g9IjAgMCA0MCA0MCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iMjAiIGN5PSIyMCIgcj0iMjAiIGZpbGw9IiNBOTU4MzEiLz4KPHBhdGggZD0iTTIyLjg1NjkgMTJMMTUuNDI4MyAyMEwyMi44NTY5IDI4IiBzdHJva2U9IndoaXRlIi8+Cjwvc3ZnPgo=');

  cursor: pointer;
  transition: opacity .2s;
  pointer-events: none;
}

.PostSlider__arrow.--right {
    left: auto;
    left: initial;
    right: calc(-1*var(--s) - var(--m));
    transform: rotate(180deg);
  }

.PostSlider__arrow.--visible {
    opacity: 1;
    pointer-events: initial;
  }

.PostSlider__cont > * {
  /*align-items: flex-start;*/
  /*min-width: 230px;*/
  width: var(--w);
  max-height: 60vh;
  /* max-width: 100vw; */
  /* height: var(--h); */
  /* &:not(:first-child) { margin-left: var(--gap) } */

  -o-object-fit: cover;

     object-fit: cover;
  /* border-radius: var(--border-r); */
  /* scroll-snap-align: center; */
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;

  transition: all .2s;
}

@media (max-width: 1023px) {
  .PostSlider__arrow {
    --m: calc(.1*var(--mm));
  }
}

@media (max-width: 740px) {
  .PostSlider__arrow {
    --m: calc(-10px - var(--mm));
  }
}