.scrollable-tab-container {
  background: #FF0033;
}

.scrollable-tab-list {
  display: flex;
  overflow-x: auto;
  padding-top: 7px;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.scrollable-tab-list::-webkit-scrollbar {
  display: none;
}

@media (min-width: 769px) {
  .scrollable-tab-list {
    padding-top: 14px;
    justify-content: center;
  }
}

.scrollable-tab {
  max-width: 100px;
  color: #fff;
  flex: 1 0 20%;
  overflow: hidden;
  border-radius: 3px 3px 0 0;
  border: 1px solid rgba(255, 255, 255, 0.2);
  background: rgba(255, 255, 255, 0.2);
}

.scrollable-tab.is-active {
  position: relative;
  background: #fff;
  color: #ff0033;
  margin-top: -3px;
}
@media (min-width: 769px) {
  .scrollable-tab.is-active {
    margin-top: -5px;
  }
}