@import '../../assets/styles/colors';
@import '../../assets/styles/rsfonts';

.no-data-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;

  .no-data-content {
    color: $text_color;
    @extend .fontPoppinsSemiboldSm;
  }
  .no-data-image {
    &--x-large {
      height: 350px;
    }
    &--large {
      height: 300px;
    }
    &--medium {
      height: 250px;
    }
    &--small {
      height: 200px;
    }
    &--x-small {
      height: 150px;
    }
  }
}