@import "common/var";

.py-data-table-drawer__body {
  padding: 0 10px;
}

.py-data-table-drawer__footer {
  position: absolute;
  bottom: 0px;
  right: 0px;
  padding: 0 10px 10px 0;
}

.py-data-table {
  $color-blue: $--color-primary;
  $space-width: 18px;

  .ms-tree-space {
    position: relative;
    top: 1px;
    display: inline-block;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    width: $space-width;
    height: 14px;

    &::before {
      content: "";
    }
  }

  .tree-ctrl {
    position: relative;
    cursor: pointer;
    color: $color-blue;
  }

  @keyframes treeTableShow {
    from {
      opacity: 0;
    }

    to {
      opacity: 1;
    }
  }

  .row-show {
    animation: treeTableShow 1s;
  }

  .row-hide {
    display: none;
  }
}