.outer-container {
  width: 100%;
  height:100%;
  overflow:hidden;
  -webkit-overflow-scrolling: touch;
  transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  /*opacity: 1;*/
  pointer-events: all;
  
}

 html.has-scroll-smooth {
     overflow: hidden;
}
 html.has-scroll-dragging {
     -webkit-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
     user-select: none;
}
 .has-scroll-smooth body {
     overflow: hidden;
}
 .has-scroll-smooth [data-scroll-container] {
     min-height: 100vh;
}
 .c-scrollbar {
     position: absolute;
     right: 0;
     top: 0;
     width: 10px;
     height: 100vh;
     transform-origin: center right;
     transition: transform 0.3s, opacity 0.3s;
     /*opacity: 0;*/
}
 .c-scrollbar:hover {
     /*transform: scaleX(1.45);*/
}
 .c-scrollbar:hover, .has-scroll-scrolling .c-scrollbar, .has-scroll-dragging .c-scrollbar {
     opacity: 1;
}
 .c-scrollbar_thumb {
     position: absolute;
     top: 0;
     right: 0;
     background-color: rgba(0, 0, 0, 0.3);
    /* opacity: 0.5;
    */
     width: 10px;
     border-radius: 10px;
     margin: 2px;
     cursor: -webkit-grab;
     cursor: grab;
}
 .has-scroll-dragging .c-scrollbar_thumb {
     cursor: -webkit-grabbing;
     cursor: grabbing;
}
 
 
@media only screen and (max-width: 810px) {
}