{
    "comp": {
        "avatar": {
            "border": {
                "radius": {
                    "value": "{sys.border.radius.sm}"
                }
            },
            "background": {
                "color": {
                    "value": "{ref.color.grey.40}"
                },
                "shadow": {
                    "value": "0 0 0 1px {ref.color.grey.10}"
                }
            },
            "symbol": {
                "color": {
                    "value": "{ref.color.white}"
                }
            },
            "initials" :  { 
                "weight": {
                    "value": "{ref.font.weight.bold}"
                },
                "color": {
                    "value": "{ref.color.white}"
                }
            },
            "online": {
                "background": {
                    "value": "{ref.color.green.100}"
                }, 
                "border": {
                    "color": {
                        "value": "{ref.color.white}"
                    }
                }
            }
        }
    }
}