@include export-module('co-workflow-info-tile-layout') {
  .co-workflow-info-tile {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 160px;
    height: 100px;
    border-radius: 5px;
    background: #f8f8fa;
    box-shadow: 1px 1px 3px 1px #9d9d9d6e;
    cursor: pointer;
    .top {
      display: flex;
      flex-direction: column;
      padding: 10px 10px 0 10px;
      .tile-row {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        .corner-icon {
          width: 16px;
          height: 16px;
        }
      }
    }
    .bottom {
      padding: 0 10px 10px 10px;
      .name-text {
        font-size: 12px;
      }
    }
    .name-text {
      font-weight: 600;
      font-size: 14px;
      color: #000000;
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      overflow: hidden;
      text-overflow: ellipsis;
    }
    &.active {
      box-shadow: 0 0 3px 1px #1a73e8;
    }
  }
}






