@import "~@/mixins.less";

.choosePallet {
  .size();
  .flex();

  :global {
    .tabTitle {
      .size(100%, 40px);
      .flex(center);
      color: #1890ff;
      font-size: 20px;
      font-weight: bold;
    }

    .leftPart {
      .size(calc(50% - 20px), 100%);
      position: relative;

      .choosePalletShortcut {
        position: absolute;
        top: 0;
        right: 0;
        .size(auto, 40px);
        .flex(center, center);
        gap: 10px;

        .ant-input-number {
          border: 1px solid #d9d9d9;
          border-radius: 5px;
          .size(120px, 36px);
        }
      }
    }

    .midPart {
      .size(40px, 100%);
      .flex(center, center);
      flex-direction: column;
      gap: 20px;

      .ant-btn {
        border-radius: 5px;
      }
    }

    .rightPart {
      .size(calc(50% - 20px), 100%);
    }

    .choosePalletTable {
      .size(100%, calc(100% - 40px));
    }
  }
}