:global {
  @rank-board-prefix: rank-board;

  .@{rank-board-prefix} {
    height : 33.33%;
    padding: 4px;

    &__card {
      height: 100%;
    }

    &__table {
      width     : 100%;
      height    : ~'calc(100% - 24px)';
      margin-top: 8px;
      position  : relative;
      overflow  : hidden;

      &-scrollWrap {
        position: absolute;
        top     : 34px;
        left    : 0;
        width   : 100%;
        height  : ~'calc(100% - 34px)';
      }

      &-withoutHeader {
        transform: translateY(-34px);

        table {
          .ant-table-thead {
            opacity: 0;
          }
        }
      }

      &-withoutBody table {
        .ant-table-tbody {
          opacity: 0;
        }
      }
    }
  }
}