/* use this for style redefinitions to awoid problems with
unpredictable css rules order in build */
.bc-take__container {
  padding: 24px 0 24px 24px;
  --take-color: #d6e0e9;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  gap: 40px;
  border-radius: 24px 0 0 24px;
  border-left: 4px solid var(--take-color);
  background: linear-gradient(90deg, color-mix(in sRGB, var(--take-color) 20%, transparent) 0%, rgba(255, 255, 255, 0.2) 100%);
  font-family: "YS Text";
}
.bc-take__container_noBackground {
  background: none;
}
.bc-take__text {
  font-size: 24px;
  line-height: 32px;
  font-weight: var(--g-text-body-font-weight);
  font-family: inherit;
}
.bc-take__author {
  align-items: flex-start;
  max-width: 402px;
}
.bc-take__author .pc-author__name {
  font-weight: var(--g-text-accent-font-weight);
  font-size: var(--g-text-header-1-font-size);
  line-height: var(--g-text-header-1-line-height);
}
.bc-take__author .pc-author__description {
  font-size: var(--g-text-body-3-font-size);
  line-height: var(--g-text-body-3-line-height);
}
.bc-take__avatar {
  width: 88px;
  height: 88px;
}
.bc-take__avatar img {
  width: 88px;
  height: 88px;
}
@media (max-width: 577px) {
  .bc-take__text {
    font-size: 20px;
    line-height: 28px;
  }
  .bc-take__author {
    max-width: none;
  }
  .bc-take__author .pc-author__name {
    font-weight: var(--g-text-accent-font-weight);
    font-size: var(--g-text-subheader-3-font-size);
    line-height: var(--g-text-subheader-3-line-height);
  }
  .bc-take__author .pc-author__description {
    font-size: var(--g-text-body-2-font-size);
    line-height: var(--g-text-body-2-line-height);
  }
  .bc-take__avatar {
    width: 80px;
    height: 80px;
  }
  .bc-take__avatar img {
    width: 80px;
    height: 80px;
  }
}