/* use this for style redefinitions to awoid problems with
unpredictable css rules order in build */
.pc-layout-item {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.pc-layout-item__media {
  width: 100%;
  display: block;
  border-radius: var(--pc-border-radius);
}
.pc-layout-item__media_border {
  border: 1px solid var(--g-color-line-generic);
}
.pc-layout-item__meta-info {
  margin: 16px 0 -8px 0;
}
.pc-layout-item__content {
  display: flex;
  flex: auto;
  margin-top: 16px;
  margin-left: 0;
  margin-bottom: 0;
}
.pc-layout-item__content_no-media {
  margin-top: 0;
}
.pc-layout-item__content_margin_m {
  margin-right: 40px;
}
.pc-layout-item__content_margin_l {
  margin-right: 80px;
}
.pc-layout-item__wrapper {
  flex: auto;
}
@media (max-width: 576px) {
  .pc-layout-item__content {
    margin-right: 0;
  }
}