.model-header {
  display        : flex;
  justify-content: space-between;
  align-items    : center;
  margin-bottom  : 10px;

  p {
    font-size    : 14px;
    color        : #fff;
    height       : 1.5em;
    overflow     : hidden;
    text-overflow: ellipsis;
    white-space  : nowrap;
  }
}

.model-desc {
  color      : rgba(255, 255, 255, 0.6);
  line-height: 18px;
  font-size  : 12px;
}

.model-action {
  display    : flex;
  align-items: center;
  flex       : none;

  .active {
    color: var(--colors-primary-base) !important;
  }

  >* {
    margin-left: 20px;
  }
}

.sign-layout {
  margin : -20px 0;
  padding: 20px 0;
}


.mode-tab {
  position        : absolute;
  z-index         : 2;
  background-color: var(--editor-menu-back);
  transition      : all .3s ease;
  display         : flex;
  align-items     : center;
  justify-content : space-evenly;
  height          : 34px;
  border-radius   : 17px;
  margin-left     : 10px;
  bottom          : calc(var(--editor-menu-bottom, 0px) + 10px);
  left            : calc(var(--left-pano-left) + var(--left-pano-width));
  padding         : 0 5px;

  .mode-icon-layout {
    padding: 0 8px;

    &.active .icon {
      color: var(--color-main-normal) !important;
    }
  }

  .icon {
    font-size : 18px;
    cursor    : pointer;
    transition: color .3s ease;

  }

}