.ml-drawer-wrapper {
  .ant-drawer-wrapper-body {
    display: flex;
    flex-direction: column;
    .ant-drawer-header {
      flex-shrink: 0;
    }
    .ant-drawer-body {
      display: flex;
      flex-direction: column;
      flex-grow: 1;
      overflow: hidden;
      padding: 0;
    }
  }
  .ml-drawer-header {
    flex-shrink: 0;
    padding: 7.5px 15px;
  }
  .ml-drawer-content {
    flex-grow: 1;
    overflow: auto;
    padding: 15px 0 0 15px;
  }
  .ml-drawer-footer {
    flex-shrink: 0;
    padding: 7.5px 15px;
    border-top: 1px solid #e8e8e8;
    text-align: right;
  }
  .ml-drawer-footer-warpper {
    display: flex;
    flex-direction: row;
    align-items: center;
    .ml-drawer-footer-left {
      flex-grow: 1;
      text-align: left;
    }
    .ml-drawer-footer-right {
      flex-shrink: 0;
    }
  }
}