/* use this for style redefinitions to awoid problems with
unpredictable css rules order in build */
.bc-media__text-content {
  padding-top: 16px;
}
.bc-media__container {
  position: relative;
  height: 100%;
}
.bc-media__border {
  position: relative;
  height: 100%;
  width: 100%;
  border-radius: calc(var(--bc-border-radius) + 1px);
  border: 1px solid var(--g-color-line-generic);
  overflow: hidden;
}
.bc-media__content {
  position: relative;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  object-fit: cover;
  border-radius: var(--bc-border-radius);
}
.bc-media__video {
  height: 100%;
}
.bc-media__video > video {
  width: 100%;
  height: auto;
  border-radius: var(--bc-border-radius);
}
.bc-media__image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: var(--bc-border-radius);
}