.view-style2{
  .ibiz-page-tag {
      position: relative;
      box-sizing: border-box;
      height: 34px;
      padding: 0 60px 0 30px;
      background: var(--leftsidebar-background-color);
      margin: 0;
      .tags-body {
          position: relative;
          width: 100%;
          height: 100%;
          overflow: hidden;
  
          .tags-container {
              position: absolute;
              overflow: visible;
              white-space: nowrap;
              transition: left 0.3s ease;
  
              .ivu-tag {
                  margin: 0;
                  height: 34px;
                  line-height: 34px;
                  border: 0;
                  border-radius: 0;
                  border-right: 1px solid var(--view-background-color-light);
                  background: var(--app-background-color-light);
                  font-size: 14px;
  
                  .ivu-tag-text {
                      color: var(--view-font-color);
  
                      > i::before {
                          vertical-align: initial;
                      }
                  }
  
                  .text-icon {
                      height: 16px;
                      margin-bottom: -3px;
                  }
  
                  .ivu-icon-ios-close {
                      visibility: hidden;
                  }
  
                  .tag-text {
                      cursor: pointer;
                      display: table-cell;
  
                      .ivu-tooltip {
                          display: block;
  
                          .ivu-tooltip-rel {
                              display: block;
                              max-width: 200px;
                              overflow: hidden;
                              text-overflow: ellipsis;
                          }
                      }
  
                      .tag-caption-content {
                          max-width: 250px;
                          text-overflow: ellipsis;
                          white-space: nowrap;
                          overflow: hidden;
                      }
                  }
              }
  
              .ivu-tag.tag-is-active {
                  background: var(--view-background-color);
  
                  .ivu-tag-text {
                      color: var(--view-font-color);
                  }
  
                  .ivu-icon {
                      color: var(--view-font-color);
                  }
              }
  
              .ivu-tag:hover,
              .ivu-tag.tag-is-active {
                  .ivu-icon-ios-close {
                      visibility: initial;
                  }
  
                  .ivu-icon {
                      color: var(--view-font-color);
                  }
              }
  
              span {
                  .ivu-tag:last-child {
                      border-right: none;
                  }
              }
          }
      }
  
      .move-btn {
          font-size: 18px;
          width: 30px;
          height: 34px;
          line-height: 34px;
          background-color: var(--app-leftsidebar-background-color);
          border-left: var(1px solid --view-dividing-line-color-bright);
          border-right: var(1px solid --view-dividing-line-color-bright);
          text-align: center;
          cursor: pointer;
      }
  
      // .move-btn:hover {
      //     background: #efefef;
      // }
      .move-left,
      .move-right,
      .ivu-dropdown {
          position: absolute;
          top: 0;
          color: var(--app-leftsidebar-font-color);
      }
  
      .move-left {
          left: 0;
      }
  
      .move-right {
          right: 30px;
      }
  
      .ivu-dropdown {
          right: 0;
      }
  }
  .app-page-more {
      background: var(--app-background-color);
      .ivu-dropdown-item {
          color: var(--app-font-color);
      }
      .ivu-dropdown-item:hover {
          background: var(--app-background-color-bright);
          color: var(--app-font-color-bright);
      }
  }
  
  .tags-transition-move {
      transition: transform 0.3s;
  }
  
  .tags-transition-enter,
  .tags-transition-leave-to {
      opacity: 0;
  }
}

.app-theme-default {
    .view-style2 .ibiz-page-tag {
        background-color: #57A3FD;
    }
}
