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

.section__horizontal {
  height: 100dvw;
  left: 50%;
  overflow-x: hidden;
  overflow-y: scroll;
  position: absolute;
  /* scroll-behavior: smooth; */
  /* scroll-snap-type: y mandatory; */
  top: 50%;
  transform: rotate(-90deg) translate(-50%, -50%);
  transform-origin: 0 0;
  width: 100dvh;
   scrollbar-width: none; /* Firefox */
  -ms-overflow-style: none; /* IE/Edge */
}

/* @supports (animation-timeline: --subject-reveal) and
  (view-timeline: --subject-reveal block) {
  .history__item {
    view-timeline: --subject-reveal block;
    animation-timeline: --subject-reveal;
    animation-duration: 0.36s;
    animation-fill-mode: both;
    animation-name: appear;
  }
} */

.history__item {
  align-items: center;
  display: flex;
  flex-flow: row nowrap;
  /* height: 80dvw; */
  height: 100dvw;
  justify-content: space-between;
  justify-self: center;
  /* left: -4dvh; */
  left: 0;
  /* padding-left: 13dvw; */
  position: relative;
  scroll-snap-align: start;
  transform: rotate(90deg);
  transform-origin: center center;
  /* width: 90dvw; */
  width: 100dvw;
  z-index: 2;
  background-color: #FCFBF9;
}

@keyframes appear {
    
    0% {
        opacity: .2;
    }
    
    50% {
        opacity: 1;
    }
    100% {
        opacity: .2;
    }
}