// @import 'src/static/css/theme/_color.scss';
// @import 'src/static/css/theme/_font.scss';
// @import 'src/static/css/theme/_radius.scss';

.sche-edit {
  // background-color: $neutral-color-2;
  // padding: .36rem .32rem;

  .top {
    // display: flex;
    // justify-content: space-between;
    // align-items: center;
    // font-size: $font-size-l-3;
    // color: $text-color-10;

    .right-wrapper {
      // display: flex;
      // flex-shrink: 0;

      .iconfont {
        // font-size: $font-size-xl-1;
        // color: $brand-color-1;
        // margin-left: .16rem;
        // position: relative;
      }

      .nav-popver {
        // left: auto;
        // right: 0;
        // top: .8rem;
        // bottom: auto;
        // padding: 0;
        // background: $text-color-10;
        // z-index: 50;

        &::before {
          // left: auto;
          // top: -.1rem;
          // right: .1rem;
          // border-top: .12rem solid $text-color-10;
        }
      }

      .nav-item {
        // display: flex;
        // align-items: center;
        // width: 2.24rem;
        // height: .96rem;
        // color: $func-color-3;
        // padding-left: .14rem;
        // border-bottom: .02rem solid rgba(255, 255, 255, .10);

        .nav-desc {
          // font-size: $font-size-m-1;
          // position: relative;

          // .message-item-icon {
          //   right: -.12rem;
          //   top: -.12rem;
          // }
        }


        .iconfont {
          // color: $func-color-3;
          // font-size: $font-size-l-1;
          // margin-right: .16rem;
        }
      }
    }

    .left-wrapper {
      // display: flex;
      // align-items: center;

      .sche-edit-icon {
        // margin-left: .24rem;
        // display: flex;
        // height: .44rem;
        // padding: 0 .24rem;
        // display: flex;
        // align-items: center;
        // background-color: $func-color-3;
        // color: $text-color-10;
        // border-radius: $radius-9;

        .icon-open {
          // font-size: $font-size-m-4;
          // color: #000;
          // margin-left: .3rem;
        }
      }
    }
  }
}

// .popover-wrap {
//   position: relative;
//   width: 100%;
//   height: .2rem;

//   .demo-nav-popover {
//     top: .6rem;
//     bottom: auto;
//     padding: 0;
//     background: #09134e;

//     &--top {
//       left: 1.12rem;
//       right: auto;
//     }
//   }

//   .demo-nav-item {
//     display: flex;
//     align-items: center;
//     padding: 0 .44rem;
//     height: .8rem;
//     color: $func-color-3;
//   }
// }