dvn-content-switcher {
  --base-color: var(--color-primary);
  --button-border-radius: var(--corner-radius);
  --content-switcher-height: 32px;
  --content-switcher-padding: 2px;
  --content-switcher-button-height: calc(var(--content-switcher-height) - calc(2 * var(--content-switcher-padding)));
  --margin: var(--spacing-unit) calc(1.5 * var(--spacing-unit));
  display: inline-flex;
  align-items: center;
  margin: var(--margin);
  border-radius: var(--corner-radius);
  height: var(--content-switcher-height);
  padding: var(--content-switcher-padding);
  background: var(--color-background-primary);
}
dvn-content-switcher.leaned {
  --margin: 0;
}
dvn-content-switcher.rounded {
  border-radius: var(--content-switcher-height);
}
dvn-content-switcher dvn-button button {
  font-weight: normal !important;
  vertical-align: text-bottom;
  /* to center the button when empty */
  min-width: var(--content-switcher-button-height);
  height: var(--content-switcher-button-height);
  --button-height: var(--content-switcher-button-height);
}