/* Styles the component bundle does not ship and Bootstrap does not cover. */

#demo-token {
  min-width: 22rem;
}

.CodeMirror {
  height: 22rem;
  border: 1px solid var(--bs-border-color);
}

.facets,
.facet__values,
.active-facets {
  list-style: none;
  padding-left: 0;
}

.facet__value,
.active-facet {
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  gap: 0.5rem;
  padding: 0.125rem 0;
}

.facet__value:hover {
  color: var(--bs-primary);
}

.result-item img,
.asset__media img,
.asset__media video {
  max-width: 100%;
  height: auto;
}

.keywords {
  display: flex;
  flex-wrap: wrap;
  gap: 0.25rem;
}

.keywords .keyword {
  border: 1px solid var(--bs-border-color);
  border-radius: 0.5rem;
  padding: 0.125rem 0.5rem;
  font-size: 0.875rem;
}