.wrap {
  position: relative;

  .preview {
    cursor: pointer;

    position: absolute;
    top: 2px;
    right: 2px;

    padding: 3px 9px;

    font-size: 12px;
    color: #fff;

    visibility: hidden;
    background-color: darkblue;
    border-radius: 2px;
  }

  &:hover .preview {
    // visibility: visible;
  }
}

.checkbox-wrap {
  height: 24px;
}

.object-card {
  cursor: pointer;
  display: flex;
  align-items: center;

  .block-avatar {
    display: flex;
    flex-direction: column;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;

    box-sizing: unset;
    width: 20px;
    height: 20px;
    padding-right: 10px;

    // padding-left: 20px;

    .domain-icon {
      display: flex;
      align-items: center;
      justify-content: center;

      box-sizing: border-box;
      width: 35px;
      height: 35px;
      padding-top: 3px;

      background: #3567c7;
      border-radius: 100%;
    }
  }

  &.deal-card {
    padding-left: 75px;

    .block-data {
      width: 100%;
    }
  }

  .row-1-2,
  .row-2-1,
  .row-2-2 {
    font-size: 13px;
    color: rgb(0 0 0 / 60%);
    white-space: nowrap;
  }

  .row-1-2,
  .row-2-2 {
    margin-left: 3px;

    .icon-hover {
      visibility: hidden;
    }
  }

  .row-1-1.current-deal {
    // font-weight: 600;
  }

  .row-1-1.checked {
    text-decoration: line-through;
  }

  .row-1-1,
  .row-2-1 {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .tags {
    margin-right: 5px;

    &:last-child {
      margin-right: 0;
    }
  }

  .block-data {
    box-sizing: border-box;
    width: calc(100% - 40px);

    // padding: 25px 20px 25px 0;
    // border-top: 1px solid #d8e8fb;

    &:first-child {
      border: none;
    }

    .row-title,
    .row-description {
      display: flex;
      justify-content: space-between;
    }
  }

  .open-popup {
    visibility: hidden;

    .mat-icon {
      width: 14px;
      height: 14px;
      margin-left: 10px;

      font-size: 14px;
      color: #818181;
    }
  }

  &.task-card {
    display: flex;
    align-items: center;

    .task-checkbox {
      margin-right: 5px;
    }

    .task-data {
      display: flex;
      align-items: center;

      .name.is-checked {
        text-decoration: line-through;
      }
    }
  }

  &.add-object-card {
    .block-data {
      padding-left: 75px;
    }
  }

  .icon-hover {
    visibility: hidden;
  }

  &:hover {
    // background-color: #d8e8fb;

    &.task-card .open-popup,
    .icon-hover {
      visibility: visible;
    }
  }

  &.selected {
    background-color: #d8e8fb;

    .row-1-1 {
      font-weight: 600;
    }

    .block-data .row:first-child {
      padding-top: 21px;
      border: none;
    }

    &:hover {
      // background-color: #c9def8;
    }
  }

  .deal-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }

  .name {
    overflow: hidden;
    display: block;

    margin-bottom: 2px;

    font-size: 14px;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .status-deal {
    margin-left: 5px;
    padding: 2px 10px;

    font-size: 13px;
    color: #fff;

    background-color: var(--default-color-red);
  }

  .type {
    display: block;
    font-size: 13px;
    color: rgb(129 129 129);

    &.deal-type {
      margin-bottom: 5px;
    }
  }
}

.toggle-object {
  cursor: pointer;
  padding-left: 30px;
  font-size: 13px;
  color: gray;
}

.add-object {
  cursor: pointer;
  padding-right: 8px;
  font-size: 13px;
  visibility: hidden;
}