:host {
  width: 100%;
}

.tasks-counter {
  font-size: 10pt;
}

.tasks-table {
  min-width: 100%;
  margin: 16px 0;

  th,
  td {
    padding: 0 16px;
  }

  .table-row {
    cursor: pointer;
    transition: opacity 0.2s ease;

    &:hover {
      opacity: 0.7;
    }
  }

  .chip {
    padding: 1px 4px;

    font-size: 12px;
    font-weight: 900;
    color: #000;

    background-color: #c8c8c8;
    border: none;
    border-radius: 5px;

    &.primary {
      color: #fff;
      background-color: #0a83e4;
    }

    &.error {
      color: #fff;
      background-color: #e8472e;
    }
  }
}

.flying-popup {
  position: fixed;

  display: block;

  width: 0;
  height: 0;

  background-color: red;
}