:host {
  display: inline-block;
}

.qs-container {
  display: inline-block;
}

.qs-item {
  display: flex;
  height: 32px;
  padding: 4px var(--rd-spacing-md);
  justify-content: center;
  align-items: center;
  gap: 6px;

  border-radius: 4px;
  cursor: pointer;

  border: 1px solid var(--rd-secondary-inactive);
  background: #fff;
  color: var(--rd-font-dark);

  font-family: var(--rd-fontfamilies-open-sans);
  font-size: var(--rd-fontsize-3);
  font-weight: var(--rd-fontweights-open-sans-1);

  transition: all 0.12s ease-out;
}

/* AKTIV */
.qs-item[active] {
  border-color: var(--rd-secondary-active);
  background: var(--rd-secondary-inactive);
  color: var(--rd-secondary-active);
}

.qs-count {
  font-weight: var(--rd-fontweights-open-sans-0);
}