@use 'src/styles/abstracts' as *;
.ImagesExplore {
  &__container {
    background-color: #ffffff;
    min-width: 50rem;
    height: 100%;
    .ImagesExplore__visualization {
      display: flex;
      position: relative;
      flex-direction: column;
      flex: 1 100%;
      max-height: calc(100% - #{toRem(136px)});
      .ProgressBar {
        padding-bottom: toRem(136px);
      }
    }
    .ImagesExplore__section {
      height: 100vh;
    }
    .ImagesExplore__loader {
      flex-direction: column;
      justify-content: space-between;
    }
    .ImagesExplore__fullHeight {
      height: 100%;
    }
    .ImagesExplore__section__appBarContainer {
      display: flex;
      flex-direction: column;
      justify-content: center;
    }
    .ImagesExplore__table__container {
      flex: 0.5 1 0;
      min-height: 11rem;
      &.fullHeight {
        flex: 1 100% !important;
      }
      &.hide {
        display: none;
      }
    }
    .ImagesExplore__ResizePanel {
      &__hide {
        display: none;
      }
    }
    .ImagesExplore__imagesWrapper__container {
      min-height: 14.5rem;
      flex: 0.5 1 0;
      overflow: auto;
      &.fullHeight {
        flex: 1 100% !important;
      }
      &.hide {
        display: none;
      }
    }
  }
  &__SelectForm__Grouping__container {
    display: flex;
    border-bottom: $border-main;
    min-height: 6rem;
    max-height: 6rem;
  }
}
