.ViewWatchers-content.fixedScrollable {
  @apply [grid-column:fullbleed-start_/_fullbleed-end];
}

/************ "Add Watcher" dropdown ************/
.ViewWatchers-addForm {
  @apply border-b;
}

.ViewWatchers-addForm .CIG {
  @apply py-[--CIG-padding];
}

.ViewWatchers-addForm .CIG-row {
  @apply mt-0 pt-0 after:hidden;
}

.ViewWatchers-addForm .CIG-small {
  @apply mt-0;
}

.ViewWatchers-addForm
  :is(
    .CIG-label,
    .ContentSelector-search,
    .ContentSelector-edit,
    .ContentSelector-clear
  ) {
  @apply hidden;
}

.ViewWatchers-addForm .ComboInput {
  @apply rounded-e-lg;
}

/************ "Search Watchers" Input ************/
.ViewWatchers-search {
  @apply py-[--space] pb-4;
}

.ViewWatchers-search label {
  @apply mt-8;
}

/************ Watchers Table ************/
.ViewWatchers-table {
  @apply pb-6;
}

.ViewWatchers-table .ViewWatchers-item {
  @apply max-h-none gap-3 py-3 hover:bg-transparent [&:not(:last-child)]:border-b;
}

.ViewWatchers-item-avatar {
  @apply flex-shrink-0;
}

/* Keeps default bg color on hover of non-interactive avatar */
.ViewWatchers-item-avatar .ToolUserAvatar {
  @apply hover:bg-purple-600;
}

.ViewWatchers-item-name {
  @apply flex-grow truncate;
}

.ViewWatchers-remove {
  @apply btu-button btu-button-text-hidden btu-button-fill-none btu-button-error flex-shrink-0 before:btu-icon before:btu-icon-minus;
}
