.tint-box {
  background: #f3f3f3;
  position: relative;
  margin-bottom: 10px;
}

.area {
  fill: #1db34f;
  fill-opacity: 0.5;
}

.axis {
  fill: #aaa;
  font-size: 10px;
}

#contributors-master {
  @include make-md-column(12);

  svg {
    width: 100%;
  }
}

#contributors {
  .contributors-list {
    margin: 0 0 10px;
    list-style: none;
    padding: 0;

    svg {
      width: 100%;
    }
  }

  .person {
    @include make-md-column(6);
    margin-top: 10px;

    @media (max-width: $screen-sm-min) {
      width: 100%;
    }
  }

  .person .spark {
    display: block;
    background: #f3f3f3;
    width: 100%;
  }

  .person .area-contributor {
    fill: #f17f49;
  }
}

.selection rect {
  fill: #333;
  fill-opacity: 0.1;
  stroke: #333;
  stroke-width: 1px;
  stroke-opacity: 0.4;
  shape-rendering: crispedges;
  stroke-dasharray: 3 3;
}
