@import '../../../styles/common.scss';

.container {
  display: grid;
  grid: 1fr / 1fr;

  .loader {
    @include boxSizing;

    width: 50px;
    height: 50px;
    display: grid;
    grid: 1fr / 1fr;
    place-items: center;
  }

  .imageContainer {
    display: grid;
    grid: 1fr / 1fr;
    place-items: center;

    .fallback {
      background-color: var(
        --fallback-image-bg-color,
        $fallback-image-bg-color
      );
    }

    .fallBackImage {
      height: 50px;
      width: 50px;
      align-self: center;
    }
  }
}
