.atabs__list {
  -webkit-box-align: stretch;
          align-items: stretch;
  border-bottom: 1px solid #ccc;
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  margin-bottom: 3.3333333333rem;
  position: relative;
}
.atabs__list:after {
  content: "";
  background-color: #ccc;
  height: 1px;
  left: 50%;
  margin-left: -50vw;
  position: absolute;
  top: 100%;
  width: 100vw;
  z-index: -2;
}

.atabs__list__tab {
  -webkit-box-align: center;
          align-items: center;
  background-color: #F2F2F2;
  border: 1px solid #ccc;
  cursor: pointer;
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: justify;
          justify-content: space-between;
  font-size: 0.6666666667rem;
  font-family: "Typold W05", sans-serif;
  font-weight: 500;
  margin-bottom: -1px;
  padding: 0.5rem 0.6666666667rem;
  position: relative;
  -webkit-box-flex: 1;
          flex-grow: 1;
  white-space: nowrap;
}
@media (min-width: 37.5em) {
  .atabs__list__tab {
    font-size: 0.6666666667rem;
  }
}
.atabs__list__tab[aria-selected=true] {
  background-color: #fff;
  border-bottom-color: transparent;
}
.atabs__list__tab:first-child .c-project-tabs__item-progress:after {
  left: 50%;
  width: 50%;
}
.atabs__list__tab:last-child .c-project-tabs__item-progress:after {
  width: 50%;
}
.atabs__list__tab:last-child:first-child .c-project-tabs__item-progress:after {
  width: 0%;
}

.c-project-tabs__item-label {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
}

.c-project-tabs__item-progress {
  height: 1.6666666667rem;
  position: relative;
}
.c-project-tabs__item-progress:before {
  content: "";
  background-repeat: no-repeat;
  background-position: 50% 50%;
  display: block;
  height: 30px;
  width: 30px;
}

.c-project-tabs__item-progress--in-progress:before {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18'%3E%3Cpath fill='%23417925' d='M9 18A9 9 0 1 1 9 0a9 9 0 0 1 0 18'/%3E%3C/svg%3E");
}

.c-project-tabs__item-progress--complete:before {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18'%3E%3Cpath fill='%23417925' d='M16.293 3.293a1 1 0 0 1 1.414 1.414l-8 8a1 1 0 0 1-1.414 0l-4-4a1 1 0 0 1 1.414-1.414L9 10.586z'/%3E%3C/svg%3E");
}

.c-project-tabs__item-progress--incomplete:before {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18'%3E%3Cpath fill='%23979797' d='M9 18A9 9 0 1 1 9 0a9 9 0 0 1 0 18m0-2A7 7 0 1 0 9 2a7 7 0 0 0 0 14'/%3E%3C/svg%3E");
}

.c-projects-tabs__line {
  border: none;
  height: 1px;
  overflow: visible;
  position: relative;
}
.c-projects-tabs__line:after {
  content: "";
  background-color: #ccc;
  height: 1px;
  left: 50%;
  margin-left: -50vw;
  position: absolute;
  top: 100%;
  width: 100vw;
  z-index: -2;
}

@media (min-width: 62em) {
  .atabs__list {
    -webkit-box-align: center;
            align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
            flex-direction: row;
  }
  .c-project-tabs__item-progress {
    height: 3.3333333333rem;
    left: 0;
    position: absolute;
    right: 0;
    top: 100%;
  }
  .c-project-tabs__item-progress:before {
    background-color: #fff;
    left: 50%;
    margin-left: -30px;
    margin-top: -15px;
    position: absolute;
    top: 50%;
    width: 60px;
    z-index: -1;
  }
  .c-project-tabs__item-progress:after {
    content: "";
    background-color: #ccc;
    height: 1px;
    position: absolute;
    left: -1px;
    right: -1px;
    top: 50%;
    z-index: -2;
  }
  .atabs__list__tab {
    -webkit-box-flex: 0;
            flex-grow: 0;
    margin-right: -1px;
    padding: 0.5rem 0.5rem;
    text-align: center;
  }
}
@media (min-width: 87.5em) {
  .atabs__list__tab {
    font-size: 0.7222222222rem;
    padding: 0.8333333333rem 1.3333333333rem;
  }
}
@media (min-width: 87.5em) and (min-width: 37.5em) {
  .atabs__list__tab {
    font-size: 0.7222222222rem;
  }
}
@media (min-width: 101.25em) {
  .atabs__list__tab {
    font-size: 0.7777777778rem;
    padding: 1rem 1.6666666667rem;
  }
}
@media (min-width: 101.25em) and (min-width: 37.5em) {
  .atabs__list__tab {
    font-size: 0.7777777778rem;
  }
}