.avatar{--avatar-background-color:var(--color-primary-light);box-sizing:border-box;width:calc(var(--unit-base) * 5);height:calc(var(--unit-base) * 5);color:var(--color-base);background-color:var(--avatar-background-color);font-size:var(--font-p);border:calc(var(--border-unit) * 2) solid var(--color-background);object-fit:cover;border-radius:100%;justify-content:center;align-items:center;margin:0;display:flex;position:relative;overflow:hidden}.avatar.company{border-radius:var(--border-radius-s)}.avatar.big{width:calc(var(--unit-base) * 10);height:calc(var(--unit-base) * 10);font-size:var(--font-h3)}.avatar.small{font-size:var(--font-s);width:calc(var(--unit-base) * 3);height:calc(var(--unit-base) * 3)}.avatar.empty{background-color:var(--color-background);border:calc(var(--border-unit) * 2) dashed var(--color-neutral-base)}.avatar img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}