1  .avatar {
 2    display: inline-block;
 3    line-height: 0;
 4    aspect-ratio: 1/1;
 5    border-radius: 50%;
 6    overflow: hidden;
 7    background-color: var(--bg-faded-color);
 8    box-shadow: 0 0 0 1px var(--bg-blur-color);
 9    flex-shrink: 0;
10    vertical-align: middle;
11  }
12  .avatar.has-alpha {
13    border-radius: 0;
14  }
15  .avatar:not(.has-alpha).squircle {
16    border-radius: 25%;
17  }
18  
19  .avatar img {
20    width: 100%;
21    height: 100%;
22    object-fit: cover;
23    background-color: var(--img-bg-color);
24    contain: none;
25  }
26  
27  .avatar[data-loaded],
28  .avatar[data-loaded] img {
29    box-shadow: none;
30    background-color: transparent;
31  }