@import '../../../../styles/common.scss';

.tablistWrapper {
  overflow-x: auto;
  overflow-y: hidden;
  display: grid;
  width: 100%;
  white-space: nowrap;
  grid-auto-flow: column;
  grid-auto-columns: min-content;

  -ms-overflow-style: none; /* IE and Edge */
  scrollbar-width: none; /* Firefox */
}

/* Hide scrollbar for Chrome, Safari and Opera */
.tablistWrapper::-webkit-scrollbar {
  display: none;
}

.container {
  display: grid;

  &.scroll {
    grid-template-columns: 50px auto 50px;
  }
}

.hide {
  display: none;
}
