.subtitle {
  color: var(--muted-foreground);
}

.activity-list {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  gap: var(--spacing-lg);
}

.delete-activity-button {
  margin-right: auto;
  color: var(--destructive) !important;
}

.activity {
  max-height: 20rem;

  .gaiola-card__body {
    overflow: hidden;
  }
}

.activity__description {
  color: var(--muted-foreground);
  /* white-space: nowrap; */
  overflow: hidden;
  text-overflow: ellipsis;
}

.dialog-form {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-lg);
}