.dsb_label {
  display: grid;
  grid-template-columns: auto 1fr;
  align-content: center;
  min-height: 24px;
  max-height: 24px;
  min-width: 24px;
  width: max-content;
  border-radius: 12px;
  box-sizing: border-box;
}
.dsb_label__default {
  background-color: var(--color-status-neutral);
  border: 1px solid var(--color-status-neutral);
}
.dsb_label__default .dsb_label-icon, .dsb_label__default .dsb_label-title {
  color: var(--color-status-neutral);
}
.dsb_label__info {
  --color-status-info: #1a73e8;
  background-color: var(--color-status-info);
  border: 1px solid var(--color-status-info);
}
.dsb_label__info .dsb_label-icon, .dsb_label__info .dsb_label-title {
  color: var(--color-status-info);
}
.dsb_label__success {
  background-color: var(--color-status-success);
  border: 1px solid var(--color-status-success);
}
.dsb_label__success .dsb_label-icon, .dsb_label__success .dsb_label-title {
  color: var(--color-status-success);
}
.dsb_label__warning {
  background-color: var(--color-status-warning);
  border: 1px solid var(--color-status-warning);
}
.dsb_label__warning .dsb_label-icon, .dsb_label__warning .dsb_label-title {
  color: var(--color-status-warning);
}
.dsb_label__error {
  background-color: var(--color-status-error);
  border: 1px solid var(--color-status-error);
}
.dsb_label__error .dsb_label-icon, .dsb_label__error .dsb_label-title {
  color: var(--color-status-error);
}
.dsb_label__purple {
  --color-accent-purple: #7e00ed;
  background-color: var(--color-accent-purple);
  border: 1px solid var(--color-accent-purple);
}
.dsb_label__purple .dsb_label-icon, .dsb_label__purple .dsb_label-title {
  color: var(--color-accent-purple);
}
.dsb_label__teal {
  --color-accent-teal: #00adc7;
  background-color: var(--color-accent-teal);
  border: 1px solid var(--color-accent-teal);
}
.dsb_label__teal .dsb_label-icon, .dsb_label__teal .dsb_label-title {
  color: var(--color-accent-teal);
}
.dsb_label__magenta {
  --color-accent-magenta: #bc00b8;
  background-color: var(--color-accent-magenta);
  border: 1px solid var(--color-accent-magenta);
}
.dsb_label__magenta .dsb_label-icon, .dsb_label__magenta .dsb_label-title {
  color: var(--color-accent-magenta);
}
.dsb_label__outline {
  padding: 0 7px;
  background: transparent;
}
.dsb_label__outline.dsb_label__with-icon {
  padding: 0 8px 0 4px;
}
.dsb_label__outline .dsb_label-icon {
  margin-right: 4px;
}
.dsb_label__contained {
  border: none;
  padding: 0 8px;
}
.dsb_label__contained.dsb_label__with-icon {
  padding: 0 8px 0 4px;
}
.dsb_label__contained .dsb_label-icon, .dsb_label__contained .dsb_label-title {
  --color-text-active-inverse: #ffffff;
  color: var(--color-text-active-inverse);
}
.dsb_label__contained .dsb_label-icon {
  margin-right: 4px;
}
.dsb_label__icon {
  border: none;
  padding: 2px;
  min-width: 24px;
  min-height: 24px;
}
.dsb_label__icon .dsb_label-icon, .dsb_label__icon .dsb_label-title {
  color: var(--color-text-active-inverse);
}
.dsb_label__icon .dsb_label-icon {
  margin-right: 0;
}