@import '/assets/app/shared/styles/site/index.615452d2f7b1a18.css';

/* Every tag with its count, in columns, a hairline under each. */
.studio-tags {
  columns: 2 12rem;
  column-gap: var(--space-10);
  margin: 0;
  padding: 0;
  list-style: none;
}

.studio-tags li {
  break-inside: avoid;
  border-bottom: 1px solid var(--rule-soft);
}

.studio-tags a {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: var(--space-3);
  padding-block: var(--space-2-5);
  color: var(--ink);
  font-family: var(--font-heading);
  font-size: var(--text-md);
  text-decoration: none;
}

.studio-tags a:hover .studio-tags-name {
  color: var(--accent);
}

.studio-tags-count {
  color: var(--ink-dim);
  font-family: var(--font-ui);
  font-size: var(--text-xs);
  font-variant-numeric: tabular-nums;
}