.root {

  &__round {
    width: 42px;
    height: 42px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;

    &__loading {
      background: var(--fill8);
    }

    &__error {
      background: var(--fill8);
    }
  }

  &__size {
    &_medium {
      width: 42px;
      height: 42px;
    }

    &_large {
      width: 56px;
      height: 56px;
    }

    &_custom {
      width: unset;
      height: unset;

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

.subIcon {
  position: absolute;
  bottom: 0;
  right: 0;
}

.profileAvatar {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  z-index: 10;
}