.pisell-lowcode-wallet {
  width: 960px;
  background-color: #fff;
  padding: 20px;
  margin: 0 auto;

  .pisell-lowcode-wallet-pc {
    .pisell-lowcode-wallet-header {
      height: 48px;
      margin-top: 20px;
      align-items: start;
      display: flex;
      justify-content: space-between;
      align-items: center;
      width: 100%;

      .pisell-lowcode-wallet-header-title {
        color: var(--Gray-900, #101828);

        /* Display sm/Semibold */
        font-size: 30px;
        font-style: normal;
        font-weight: 600;
        margin: 0;
        line-height: 38px;
      }
    }

    .pisell-lowcode-wallet-tabs {
      margin-top: 24px;
    }
  }

  .pisell-lowcode-wallet-mobile {
    display: flex;
    height: 100%;
    width: 100vw;
    flex-direction: column;
    background-color: #fff;
    overflow: hidden;
    .pisell-lowcode-wallet-bar {
      position: relative;

      height: 68px;
      width: 100vw;
      box-sizing: border-box;
      background-color: #fff;
      padding: 0 12px;
      border-bottom: 1px solid #d0d5de;

      color: var(--Gray-900, #101828);
      text-align: center;

      /* Text sm/Semibold */
      font-size: 14px;
      font-style: normal;
      font-weight: 600;
      line-height: 68px;
      /* 142.857% */

      .pisell-lowcode-wallet-header-bar-arrow {
        position: absolute;
        font-size: 24px;
        top: 22px;
        left: 22px;
      }
    }

    .pisell-lowcode-wallet-content {
      // height: calc(100vh - 68px - 96px);
      flex: 1;
      padding: 0 20px;
      box-sizing: border-box;
      overflow-y: auto;
      overflow-x: hidden;
      scrollbar-width: none;

      // 隐藏滚动条 - IE and Edge
      -ms-overflow-style: none;

      // 隐藏滚动条 - Chrome, Safari, Opera
      &::-webkit-scrollbar {
        display: none;
      }
      .pisell-lowcode-menu-root.pisell-lowcode-menu-vertical {
        border-right: none;
      }
      .pisell-lowcode-wallet-title {
        color: var(--Gray-900, #101828);
        font-size: 30px;
        font-style: normal;
        font-weight: 600;
        line-height: 38px;
        margin: 20px 0;
      }

      .pisell-lowcode-wallet-menu {
        margin: 0;
        .pisell-lowcode-menu-item {
          height: 72px;
          margin: 0;
          line-height: 72px;
          padding: 0;
          border-bottom: 1px solid #f2f4f7;

          box-sizing: border-box;

          .pisell-lowcode-wallet-menu-item {
            display: flex;
            justify-content: space-between;
            align-items: center;

            .pisell-lowcode-wallet-menu-title {
              color: var(--Gray-900, #101828);

              /* Text md/Medium */
              font-size: 16px;
              font-style: normal;
              font-weight: 500;
              line-height: 24px;
              /* 150% */
              margin-right: 8px;
            }
          }
        }
      }
    }

    .pisell-lowcode-wallet-footer {
      // position: fixed;
      // bottom: 0;
      border-top: 1px solid var(--gray-200, #eaecf0);
      height: 96px;
      width: 100vw;
      display: flex;
      padding: 24px;
      box-sizing: border-box;
      background-color: #fff;
      align-items: center;

      &:empty {
        display: none;
      }
    }
  }
}

.wallet-detail-placeholder {
  width: 100%;
  height: 100%;
}
