@import 'tao/ui/globals';

.tabs {

display: flex;
align-items: flex-end;

.tab {
  padding: 0.5rem 0.5rem 1rem 0.5rem;
  font-size: 1rem;
  color: $lightest-grey-color;
  border-bottom: 3px solid $white-color;
  margin: 0 1.5rem 0 0;

  &:hover {
    color: $grey-color;
  }

  &.active {
    border-color: $ui-color;
    color: $grey-color;
  }
}

}