@import '../variables';

.itf-avatar {
  --positive: #{$green};

  position: relative;
  display: inline-block;
  font-size: 0;
  line-height: 0;
  vertical-align: middle;

  .shadow {
    stroke-width: 2;
    stroke: rgba(0, 0, 0, 0.1);
    fill: none;
  }

  .status-badge {
    position: absolute;
    pointer-events: none;
    border-radius: 50%;
    background-color: var(--positive);
  }

  .feature-icon {
    width: 3rem;
    height: 3rem;
    border-radius: 0.5rem;
    overflow: hidden;

    img {
      max-width: 100%;
      max-height: 100%;
    }
  }
}
