.grit-badge {
  font-family: var(--grit-badge-label-font-family);
  font-size: var(--grit-badge-label-font-size);
  line-height: var(--grit-badge-label-line-height);
  display: inline-block;
  border-radius: var(--grit-badge-border-radius);
}
.grit-badge-content-wrapper {
  padding: var(--grit-badge-padding);
  border-radius: var(--grit-badge-border-radius);
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
}
.grit-badge .grit-icon {
  font-size: var(--grit-badge-icon-font-size);
  width: var(--grit-badge-icon-width);
  height: var(--grit-badge-icon-height);
  margin-right: var(--grit-badge-icon-margin-right);
  display: flex;
  align-items: center;
}

.grit-badge-default {
  color: var(--grit-badge-default-label-color);
}
.grit-badge-default .grit-badge-content-wrapper {
  background: var(--grit-badge-default-background);
}
.grit-badge-default .grit-icon {
  color: var(--grit-badge-default-icon-color);
}

.grit-badge-info {
  color: var(--grit-badge-info-label-color);
}
.grit-badge-info .grit-badge-content-wrapper {
  background: var(--grit-badge-info-background);
}
.grit-badge-info .grit-icon {
  color: var(--grit-badge-info-icon-color);
}

.grit-badge-primary {
  color: var(--grit-badge-primary-label-color);
}
.grit-badge-primary .grit-badge-content-wrapper {
  background: var(--grit-badge-primary-background);
}
.grit-badge-primary .grit-icon {
  color: var(--grit-badge-primary-icon-color);
}

.grit-badge-success {
  color: var(--grit-badge-success-label-color);
}
.grit-badge-success .grit-badge-content-wrapper {
  background: var(--grit-badge-success-background);
}
.grit-badge-success .grit-icon {
  color: var(--grit-badge-success-icon-color);
}

.grit-badge-attention {
  color: var(--grit-badge-attention-label-color);
}
.grit-badge-attention .grit-badge-content-wrapper {
  background: var(--grit-badge-attention-background);
}
.grit-badge-attention .grit-icon {
  color: var(--grit-badge-attention-icon-color);
}

.grit-badge-attention-strong {
  color: var(--grit-badge-attention-strong-label-color);
}
.grit-badge-attention-strong .grit-badge-content-wrapper {
  background: var(--grit-badge-attention-strong-background);
}
.grit-badge-attention-strong .grit-icon {
  color: var(--grit-badge-attention-strong-icon-color);
}

.grit-badge-warning {
  color: var(--grit-badge-warning-label-color);
}
.grit-badge-warning .grit-badge-content-wrapper {
  background: var(--grit-badge-warning-background);
}
.grit-badge-warning .grit-icon {
  color: var(--grit-badge-warning-icon-color);
}

.description {
  clip: rect(1px, 1px, 1px, 1px);
  -webkit-clip-path: inset(50%);
          clip-path: inset(50%);
  height: 1px;
  width: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
}