.tabs {
  @include padding($zero $space-normal);
  @include border-normal-bottom;
  border-left-width: 0;
  border-right-width: 0;
  border-top-width: 0;
}

// Tab chat type
.tab--chat-type {
  @include flex;

  .tabs-title {
    a {
      font-size: $font-size-default;
      font-weight: $font-weight-medium;
      padding-bottom: $space-slab;
      padding-top: $space-slab;
    }
  }
}

.tabs-title {
  @include margin($zero $space-one);

  &:first-child {
    margin-left: 0;
  }

  &:last-child {
    margin-right: 0;
  }

  &:hover,
  &:focus {
    a {
      color: darken($medium-gray, 20%);
    }
  }

  a {
    @include position(relative, 1px null null null);
    transition: all .15s $ease-in-out-cubic;
    border-bottom: 2px solid transparent;
    color: $medium-gray;
    font-size: $font-size-small;
  }

  &.is-active {
    a {
      border-bottom-color: $color-woot;
      color: $color-woot;
    }
  }
}