/*!*******************************************************************************************************************************************************************************************************!*\
  !*** 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/library-overview.scss ***!
  \*******************************************************************************************************************************************************************************************************/
.library-overview {
  padding: 3.2rem 0;
}
@media only screen and (min-width: 768px) {
  .library-overview {
    padding: 4.8rem 0;
  }
}
@media only screen and (min-width: 992px) {
  .library-overview {
    padding: 7.2rem 0;
  }
}
@media only screen and (min-width: 1200px) {
  .library-overview {
    padding: 7.2rem 1.6rem;
  }
}
.library-overview a {
  font-weight: 700;
  text-decoration: none;
  color: rgb(var(--primary-color));
  transition: none;
}
.library-overview a:hover {
  text-decoration: underline;
  color: rgb(var(--primary-color));
}
.library-overview__wrapper {
  max-width: 131.2rem;
  margin: 0 auto;
}
.library-overview__nav {
  margin-bottom: 1.6rem;
  padding: 0 1.6rem;
}
.library-overview__nav-tab {
  position: relative;
  margin-bottom: 1.6rem;
  display: inline-block;
}
.library-overview__nav-tab input[type=radio] {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.library-overview__nav-tab input[type=radio]:checked + label {
  border-color: rgb(var(--primary-color));
  color: rgb(var(--white));
  background: rgb(var(--primary-color));
}
.library-overview__nav-tab input[type=radio]:checked ~ span::before {
  border-color: rgb(var(--primary-color-light));
  background: rgb(var(--primary-color));
}
.library-overview__nav-tab input[type=radio]:checked ~ span::after {
  opacity: 1;
}
.library-overview__nav-tab label {
  margin: 0;
  padding: 0.64rem 2.4rem 0.64rem 4.4rem;
  display: block;
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 3.6rem;
  border-radius: 2px;
  border: 1px solid rgba(var(--grey-light); 0.25);
}
.library-overview__nav-tab span {
  position: absolute;
  width: 24px;
  height: 24px;
  top: 50%;
  left: 1.6rem;
  margin-top: -12px;
  pointer-events: none;
}
.library-overview__nav-tab span::before {
  content: "";
  position: absolute;
  width: 16px;
  height: 16px;
  top: 50%;
  left: 50%;
  margin-top: -8px;
  margin-left: -8px;
  display: block;
  border: 1px solid rgba(var(--grey-light), 0.75);
  border-radius: 50%;
  background-color: rgb(var(--white));
}
.library-overview__nav-tab span::after {
  content: "";
  position: absolute;
  width: 8px;
  height: 8px;
  top: 50%;
  left: 50%;
  margin-top: -3px;
  margin-left: -3px;
  display: block;
  border-radius: 50%;
  background: rgb(var(--white));
  opacity: 0;
}
.library-overview__title {
  margin-bottom: 2.4rem;
  text-align: center;
  color: rgb(var(--primary-color));
}
.library-overview__tab-wrapper {
  display: flex;
  flex-wrap: wrap;
}
.library-overview__body-wrapper {
  width: 100%;
  padding: 0 1.6rem;
  margin-bottom: 1.6rem;
}
@media only screen and (min-width: 992px) {
  .library-overview__body-wrapper {
    width: 66.66667%;
  }
}
.library-overview__body-wrapper .library-overview__btn-more {
  display: none;
}
.library-overview__body-wrapper .library-overview__btn-less {
  display: none;
}
.library-overview__body-wrapper--blur .library-overview__btn-more {
  display: inline;
}
.library-overview__body-wrapper--blur .library-overview__btn-less {
  display: none;
}
.library-overview__body--blurred {
  position: relative;
  max-height: 50rem;
  overflow: hidden;
}
.library-overview__body--blurred::after {
  position: absolute;
  content: "";
  height: 120px;
  width: 100%;
  bottom: 0;
  left: 0;
  display: block;
  background: linear-gradient(0deg, rgb(var(--white)) 0%, rgba(var(--white), 0) 100%);
  z-index: 3;
}
.library-overview__documents {
  width: 100%;
  padding: 0 1.6rem;
}
@media only screen and (min-width: 992px) {
  .library-overview__documents {
    width: 33.33333%;
  }
}
.library-overview__documents-inner {
  padding: 1.6rem;
  margin-bottom: 1.6rem;
  background-color: rgb(var(--background-color-grey));
}
@media only screen and (min-width: 992px) {
  .library-overview__documents-inner {
    padding: 3.2rem 3.2rem 1.6rem 3.2rem;
  }
}