.uiless-extension-panel {
  height: calc(100vh - 96px);
  width: 960px;
  .next-loading-wrap {
    height: 100%;
    .next-dialog-body {
      height: calc(100% - 49px);
    }
  }
  .uiless-extension-container {
    position: relative;
    display: block;
    margin: 0 -10px;
    overflow-y: auto;

    .uiless-extension-container-fix-button {
      position: fixed;
      bottom: 24px;
      left: 50%;
      transform: translateX(-50%);

      display: flex;
      flex-direction: row;
      align-items: center;

      padding: 6px 12px;
      border-radius: 4px;
      border: 1px solid $gray-03;

      background-color: #fff;
      box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.1);

      cursor: pointer;

      &:hover {
        color: $primary-brand;
      }

      .next-icon {
        margin-left: 8px;
      }
    }
    .uiless-extension-container-empty {
      height: 100%;
      display: flex;
      align-items: center;
      justify-content: center;
    }
    .uiless-extension-container-row {
      display: flex;
    }
  }
}