.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.33333rem;
  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.66667rem;
  font-family: "Typold W05", sans-serif;
  font-weight: 500;
  margin-bottom: -1px;
  padding: 0.5rem 0.66667rem;
  position: relative;
  -webkit-box-flex: 1;
          flex-grow: 1;
  white-space: nowrap; }
  @media (min-width: 37.5em) {
    .atabs__list__tab {
      font-size: 0.66667rem; } }
  .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;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  width: 100%; }

.c-project-tabs__item-progress {
  height: 1.66667rem;
  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,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2218%22%20height%3D%2218%22%20viewBox%3D%220%200%2018%2018%22%3E%3Cpath%20fill%3D%22%23417925%22%20d%3D%22M9%2C18%20C4.02943725%2C18%200%2C13.9705627%200%2C9%20C0%2C4.02943725%204.02943725%2C0%209%2C0%20C13.9705627%2C0%2018%2C4.02943725%2018%2C9%20C18%2C13.9705627%2013.9705627%2C18%209%2C18%20Z%22%2F%3E%3C%2Fsvg%3E"); }

.c-project-tabs__item-progress--complete:before {
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2218%22%20height%3D%2218%22%20viewBox%3D%220%200%2018%2018%22%3E%3Cpath%20fill%3D%22%23417925%22%20d%3D%22M16.2928932%2C3.29289322%20C16.6834175%2C2.90236893%2017.3165825%2C2.90236893%2017.7071068%2C3.29289322%20C18.0976311%2C3.68341751%2018.0976311%2C4.31658249%2017.7071068%2C4.70710678%20L9.70710678%2C12.7071068%20C9.31658249%2C13.0976311%208.68341751%2C13.0976311%208.29289322%2C12.7071068%20L4.29289322%2C8.70710678%20C3.90236893%2C8.31658249%203.90236893%2C7.68341751%204.29289322%2C7.29289322%20C4.68341751%2C6.90236893%205.31658249%2C6.90236893%205.70710678%2C7.29289322%20L9%2C10.5857864%20L16.2928932%2C3.29289322%20Z%22%2F%3E%3C%2Fsvg%3E"); }

.c-project-tabs__item-progress--incomplete:before {
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2218%22%20height%3D%2218%22%20viewBox%3D%220%200%2018%2018%22%3E%3Cpath%20fill%3D%22%23979797%22%20d%3D%22M9%2C18%20C4.02943725%2C18%200%2C13.9705627%200%2C9%20C0%2C4.02943725%204.02943725%2C0%209%2C0%20C13.9705627%2C0%2018%2C4.02943725%2018%2C9%20C18%2C13.9705627%2013.9705627%2C18%209%2C18%20Z%20M9%2C16%20C12.8659932%2C16%2016%2C12.8659932%2016%2C9%20C16%2C5.13400675%2012.8659932%2C2%209%2C2%20C5.13400675%2C2%202%2C5.13400675%202%2C9%20C2%2C12.8659932%205.13400675%2C16%209%2C16%20Z%22%2F%3E%3C%2Fsvg%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.33333rem;
    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.72222rem;
    padding: 0.83333rem 1.33333rem; } }
  @media (min-width: 87.5em) and (min-width: 37.5em) {
    .atabs__list__tab {
      font-size: 0.72222rem; } }

@media (min-width: 101.25em) {
  .atabs__list__tab {
    font-size: 0.77778rem;
    padding: 1rem 1.66667rem; } }
  @media (min-width: 101.25em) and (min-width: 37.5em) {
    .atabs__list__tab {
      font-size: 0.77778rem; } }