/* use this for style redefinitions to awoid problems with
unpredictable css rules order in build */
.bc-side-card-list__container {
  display: flex;
  flex-direction: column;
  gap: 24px;
  max-width: 296px;
}
.bc-side-card-list__title {
  font-size: var(--g-text-header-2-font-size);
  line-height: var(--g-text-header-2-line-height);
  font-weight: 500;
}
.bc-side-card-list__items {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.bc-side-card-list__item.bc-side-card-list__item {
  min-height: auto;
}

.bc-side-card-list__item-image {
  object-fit: contain;
  object-position: left;
  max-height: 40px;
  max-width: 160px;
  width: auto;
}
.bc-side-card-list__item-media {
  max-width: 232px;
  padding: 0 0 16px;
}
.bc-side-card-list__item-description {
  padding-bottom: 12px;
}
@media (max-width: 1081px) {
  .bc-side-card-list__container {
    max-width: none;
    width: 50%;
  }
}
@media (max-width: 577px) {
  .bc-side-card-list__container {
    width: 100%;
  }
}