@use "design";

.tabList {
  display: flex;
  margin-bottom: design.$space-100;
}

.tab {
  display: block;

  flex-grow: 1;
  padding: design.$space-25;
  text-align: center;
  @include design.font-small;
  border-bottom: 2px solid transparent;
  cursor: pointer;
  transition: border-bottom-color 100ms;

  &.selected {
    border-bottom-color: design.$color-primary;
  }
}