.ml-dict-type-label {
  &.is-round {
    padding: 3px 10px;
    border-radius: 4px;
    &.ss-primary {
      color: $ml-theme-primary-color;
      background: #e0efff;
    }
    &.ss-success {
      color: $ml-theme-success-color;
      background: #e0f5e8;
    }
    &.ss-info {
      background: #eaebed;
    }
    &.ss-warning {
      color: #ffffff;
      background: $ml-theme-warning-color;
    }
    &.ss-danger {
      color: $ml-theme-error-color;
      background: #ffeaec;
    }
    &.ss-gray {
      background: $ml-gray-color;
    }
    &.ss-blue {
      color: $ml-blue-color;
      background: #e0efff;
    }
    &.ss-green {
      color: $ml-green-color;
      background: #e0f5e8;
    }
    &.ss-pink {
      color: $ml-pink-color;
      background: #ffeaec;
    }
    &.ss-red {
      color: $ml-red-color;
      background: #ffeaec;
    }
    &.ss-orange {
      color: $ml-orange-color;
      background: #ffedd6;
    }
    &.ss-purple {
      color: $ml-purple-color;
      background: #f2e9ff;
    }
  }
  &:not(.is-round) {
    &.ss-primary {
      color: $ml-theme-primary-color;
    }
    &.ss-success {
      color: $ml-theme-success-color;
    }
    &.ss-info {
      color: $ml-theme-info-color;
    }
    &.ss-warning {
      color: $ml-theme-warning-color;
    }
    &.ss-danger {
      color: $ml-theme-error-color;
    }
    &.ss-gray {
      color: $ml-gray-color;
    }
    &.ss-blue {
      color: $ml-blue-color;
    }
    &.ss-green {
      color: $ml-green-color;
    }
    &.ss-pink {
      color: $ml-pink-color;
    }
    &.ss-red {
      color: $ml-red-color;
    }
    &.ss-orange {
      color: $ml-orange-color;
    }
    &.ss-purple {
      color: $ml-purple-color;
    }
  }
}