.md-badge-wrapper {
  position: relative;
}

.md-badge-badge {
  position: absolute;
  top: -4px;
  right: -4px;
  min-width: 8px;
  min-height: 8px;
  border-radius: 50%;
  background-color: rgba(var(--color-error));
  color: rgba(var(--on-error-color)) !important;
  font-style: normal;
  font-size: 8pt;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
  white-space: nowrap;
  text-overflow: ellipsis;
  padding: 0 3px;
}

.md-badge-badge-text {
  color: rgba(var(--on-error-color)) !important;
}

.md-badge-badge--with-text {
  min-width: 16px;
  min-height: 16px;
  max-height: 16px;
  max-width: 16px;
  border-radius: 50%;
  aspect-ratio: 1;
  top: -8px;
  right: -8px;
}

.md-badge-badge--hidden {
  display: none;
}