@import 'themes/default';

.Card__Thumbnail--wrapper {
  margin: 0;
  padding-bottom: 100%;
  position: relative;

  &.Card__Thumbnail--wrapper-circular {
    + .CardBody {
      padding-top: 0;
    }
  }
}

.Card__Thumbnail {
  background-position: center;
  background-size: cover;
  border-radius: var(--Card__Thumbnail__border-radius);
  height: 100%;
  position: absolute;
  width: 100%;

  &.Card__Thumbnail--circular {
    border-radius: 50%;
    left: 50%;
    height: 5em;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 5em;
  }
}