/* ==========================================================================
 * Avatar - Status
 * ========================================================================== */

.mds-c-avatar--status-info {
  --mds-v-avatar__status-color: var(--mds-t-color--blue);
}

.mds-c-avatar--status-success {
  --mds-v-avatar__status-color: var(--mds-t-color--green);
}

.mds-c-avatar--status-warning {
  --mds-v-avatar__status-color: var(--mds-t-color--orange);
}

.mds-c-avatar--status-danger {
  --mds-v-avatar__status-color: var(--mds-t-color--red);
}

.mds-c-avatar--status-disabled {
  --mds-v-avatar__status-color: var(--mds-t-color--red);
  --mds-v-avatar__status-icon: svg-load(
    '../../momentum-icons/dist/svg/minus.svg',
    fill: #fff
  );
}

.mds-c-avatar--status-owner {
  --mds-v-avatar__status-color: var(--mds-t-background-color--inverse-primary);
  --mds-v-avatar__status-icon: svg-load(
    '../../momentum-icons/dist/svg/star.svg',
    fill: $color-yellow--500
  );
}

.mds-c-avatar--status-info,
.mds-c-avatar--status-success,
.mds-c-avatar--status-warning,
.mds-c-avatar--status-danger,
.mds-c-avatar--status-disabled,
.mds-c-avatar--status-owner {
  &::after {
    --mds-v-avatar__outline-width: 0.1em;

    background-color: var(--mds-v-avatar__status-color);
    background-image: var(--mds-v-avatar__status-icon);
    background-size: cover;
    border: var(--mds-v-avatar__outline-width) solid
      var(--mds-v-avatar__outline-color);
    border-radius: 50%;
    bottom: 0;
    content: '';
    display: block;
    height: 0.7em;
    position: absolute;
    right: 0;
    transform: translate(
      var(--mds-v-avatar__outline-width),
      var(--mds-v-avatar__outline-width)
    );
    width: 0.7em;
    z-index: 1;
  }
}