.avatar{--avatar-size:2.5rem;width:var(--avatar-size);height:var(--avatar-size);border-radius:var(--radius-md);background:var(--tint);color:var(--brand);font:700 calc(var(--avatar-size) * .4) / 1 var(--font-sans);letter-spacing:.02em;-webkit-user-select:none;user-select:none;flex:none;justify-content:center;align-items:center;display:inline-flex}.avatar-round{border-radius:50%}.avatar-sm{--avatar-size:1.75rem}.avatar-lg{--avatar-size:4rem}.avatar-solid{background:var(--brand);color:#fff}.avatar{vertical-align:middle;margin-inline-end:var(--space-2)}