/*!******************************************************************************************************************************************************************************************************!*\
  !*** 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/member-overview.scss ***!
  \******************************************************************************************************************************************************************************************************/
.member-overview {
  padding: 3.2rem 1.6rem;
}
@media only screen and (min-width: 992px) {
  .member-overview {
    padding: 4.8rem 1.6rem;
  }
}
@media only screen and (min-width: 1200px) {
  .member-overview {
    padding: 7.2rem 1.6rem;
  }
}
.member-overview__inner {
  max-width: 96rem;
  margin: 0 auto;
}
.member-overview__inner--small {
  max-width: 64rem;
  text-align: center;
}
.member-overview__intro-title {
  margin-bottom: 2.4rem;
  color: rgb(var(--primary-color));
}
.member-overview__intro-text {
  margin-bottom: 3.2rem;
}
.member-overview__list {
  margin-bottom: 6.4rem;
}
@media only screen and (min-width: 768px) {
  .member-overview__list {
    display: flex;
    gap: 3.2rem;
  }
  .member-overview__list > * {
    flex: 1;
  }
}
.member-overview__list a {
  color: rgb(var(--grey-dark));
}
.member-overview__list-link--active {
  color: rgb(var(--primary-color)) !important;
}
@media only screen and (min-width: 768px) {
  .member-overview__detail {
    display: flex !important;
    gap: 6.4rem;
  }
}
.member-overview__avatar {
  width: 100%;
  margin: 0 0 2.4rem 2.4rem;
}
@media only screen and (min-width: 768px) {
  .member-overview__avatar {
    width: 41.66667%;
  }
}
@media only screen and (min-width: 992px) {
  .member-overview__avatar {
    width: 33.33333%;
  }
}
.member-overview__avatar img {
  width: 22rem;
  height: 22rem;
  border-radius: 50%;
}
.member-overview__description {
  width: 100%;
}
@media only screen and (min-width: 768px) {
  .member-overview__description {
    width: 58.33333%;
  }
}
@media only screen and (min-width: 992px) {
  .member-overview__description {
    width: 66.66667%;
  }
}
.member-overview__description ul {
  padding-left: 3.2rem;
  margin-bottom: 1.6rem;
}
.member-overview .slick-slide {
  height: auto;
}