.tabs {
  display: flex;
  font-size: 0.9em;
  border-bottom: 3px solid #DDDDDD;
  background-color: #eee;
  font-weight: bold;
  list-style-type: none;
  padding: 0;
  margin: 0;
}

.tabs a {
  text-decoration: none;
}

.tabs__item {
  border-right: 4px solid #FFF;
  margin-bottom: -3px;
}

.tabs__item a {
  line-height: 1;
  display: block;
  padding: 0.6em 0.8em;
  border-bottom: 3px solid #DDDDDD;
  color: var(--color-text);
  opacity: 0.5;
  transition: opacity 0.1s ease-in;
}

.tabs__item--is-active a, .tabs__item a:hover {
  border-bottom: 3px solid var(--tabs-highlight);
  opacity: 1;
}

.tabs__item--is-active {
  opacity: 1;
}

/*# sourceMappingURL=tabs.css.map */