@use '../../../../mx-core/src/base/typography';

.mx-table {
  &__toolbar {
    height: 52px;
    box-sizing: border-box;
    padding: 8px 16px;
    display: flex;
    align-items: center;

    &--left {
      display: flex;
      justify-content: flex-start;
      align-items: baseline;
      flex: 1;
    }
    &--right {
      display: flex;
      justify-content: flex-end;
      align-items: baseline;
    }
  }

  &__body {
    position: relative;
    overflow: auto;
    &--loading {
      width: 100%;
      height: 100%;
      z-index: 100;
      position: absolute;
      display: flex;
      align-items: center;
      justify-content: center;
    }

    &--empty {
      @extend .gl-body-md;
      box-sizing: border-box;
      padding: 6px 16px;
      height: 80px;
      display: flex;
      align-items: center;
    }
  }

  &__footer {
    height: 56px;
    box-sizing: border-box;
    padding: 0 8px;
    overflow: hidden;
  }
}

.hide {
  display: none;
}