.vtj-outline {
  &__item {
    display: flex;
    width: 100%;
    flex-direction: row;
    justify-content: space-between;
    &:hover {
      .vtj-outline__actions {
        i {
          color: $--vtj-color;
          display: inline;
        }
      }
      .vtj-outline__status {
        display: none;
      }
    }
    i[class^='is-Slot'] {
      font-size: 12px;
      color: $--vtj-danger-color;
    }
  }
  &__status {
    i {
      padding: 3px 5px;
    }
    .vtj-icon-invisible {
      color: $--vtj-warning-color;
    }
    .vtj-icon-lock {
      color: $--vtj-warning-color;
    }
  }

  &__actions {
    i {
      padding: 3px 5px;
      display: none;
      &:hover {
        background-color: $--vtj-primary-color-light-9;
        border-radius: 4px;
        color: $--vtj-primary-color;
      }
    }
  }

  &__id {
    font-size: 12px;
    color: #999;
  }

  .is-drop-inner .is-drop-inner {
    background: $--vtj-primary-color-light-9;
  }
}
