/*!*************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./slicing/src/scss/wt-components/reference-project-tags.scss ***!
  \*************************************************************************************************************************************************************************************************************/
.reference-project-tags {
  padding: 3.2rem 1.6rem;
}
@media only screen and (min-width: 992px) {
  .reference-project-tags {
    padding: 4.8rem 1.6rem;
  }
}
@media only screen and (min-width: 1200px) {
  .reference-project-tags {
    padding: 7.2rem 1.6rem;
  }
}
.reference-project-tags ul {
  padding-left: 0;
}
.reference-project-tags__wrapper {
  max-width: 64rem;
  margin: 0 auto;
  text-align: center;
}
.reference-project-tags__nav {
  margin-bottom: 1.6rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  list-style: none;
}
.reference-project-tags__nav-item {
  margin: 0 1.6rem;
}
.reference-project-tags__nav-item a {
  padding: 0 0.4rem;
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 1.5;
  color: rgb(var(--grey-dark));
  box-shadow: 0 0px 0px 0px rgb(var(--primary-color-light)), 0 -1.3rem 0 0 rgb(var(--primary-color-light)) inset;
}
.reference-project-tags__nav-item--active a {
  font-weight: 700;
}
.reference-project-tags__tab {
  display: none;
}
.reference-project-tags__tab--show {
  display: block;
}