.boc-ui-classification-tabs {
  border: 1px solid var(--boc-ui-surface-border, #dcdcde);
  border-radius: 0.375rem;
  overflow: hidden;
}

.boc-ui-classification-tabs__list {
  display: flex;
  flex-wrap: wrap;
  gap: 0;
  width: 100%;
  margin: 0;
  border-bottom: 1px solid var(--boc-ui-surface-border, #dcdcde);
}

.boc-ui-classification-tabs__tab {
  appearance: none;
  flex: 1 1 0;
  border: 0;
  border-right: 1px solid var(--boc-ui-surface-border, #dcdcde);
  background: transparent;
  padding: 0.55rem 0.85rem;
  cursor: pointer;
}

.boc-ui-classification-tabs__tab:last-child {
  border-right: 0;
}

.boc-ui-classification-tabs__tab.is-active {
  background: color-mix(in srgb, currentColor 10%, transparent);
  box-shadow: inset 0 0 0 1px currentColor;
  font-weight: 600;
}

.boc-ui-classification-tabs__panel {
  padding: 1rem;
}

.boc-ui-classification-option {
  display: block;
  margin: 0.45rem 0;
  padding-inline-start: calc(var(--boc-classification-depth, 0) * 1.25rem);
}

.boc-ui-classification-tabs.has-error {
  border-left: 3px solid #b32d2e;
  padding-left: 0.75rem;
}