/* The original square frames have a transparent portrait opening at the centre.
   Keep the anchor, wreath and built-in title outside the portrait's round clip. */
.avatar-wrap {
  position: relative;
  display: inline-grid;
  place-items: center;
  width: var(--avatar-frame-size, 50px);
  height: var(--avatar-frame-size, 50px);
  flex: none;
  isolation: isolate;
}
.avatar-wrap .avatar { width: var(--avatar-size, 38px); height: var(--avatar-size, 38px); }
.avatar-wrap.avatar-framed .avatar { width: 80%; height: 80%; border: 0; box-shadow: none; }
.avatar-frame {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: contain;
  z-index: 1;
  pointer-events: none;
}
.avatar-frame[hidden] { display: none; }
.identity { display: inline-flex; align-items: center; }