@use "@fox/styles/abstracts" as fox;

.root {
  display: flex;
  flex-direction: column;
  gap: fox.gap(4);
}

.toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: fox.gap(3);
}

.count {
  font-size: fox.font-size(label-md);
  color: fox.color(font-neutral-default);
}

.hint {
  margin: 0;
  font-size: fox.font-size(label-sm);
  color: fox.color(font-neutral-subtle);
}

.table {
  inline-size: 100%;
  overflow-x: auto;
}

.description {
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.badges {
  display: inline-flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: fox.gap(2);
}