// Segment View
// --------------------------------------------------

:host {
  display: flex;

  height: 100%;

  overflow-x: scroll;
  scroll-snap-type: x mandatory;

  /* Hide scrollbar in Firefox */
  scrollbar-width: none;

  /* Hide scrollbar in IE and Edge */
  -ms-overflow-style: none;
}

/* Hide scrollbar in webkit */
:host::-webkit-scrollbar {
  display: none;
}

:host(.segment-view-disabled) {
  scroll-snap-type: none;

  touch-action: none;
  overflow-x: hidden;

  opacity: 0.7;
}