{
    "comp": {
        "counter": {
            "text": {
                "style": {
                    "font-family": {
                        "value": "{sys.text.style.captionBold.font-family}"
                    },
                    "size": {
                        "value": "{sys.text.style.captionBold.size}"
                    },
                    "font-weight": {
                        "value": "{sys.text.style.captionBold.weight}"
                    },
                    "line-height": {
                        "value": "{sys.text.style.captionBold.line-height}"
                    }
                }
            },
            "big": {
                "text": {
                    "style": {
                        "font-family": {
                            "value": "{sys.text.style.bodyBold.font-family}"
                        },
                        "size": {
                            "value": "{sys.text.style.bodyBold.size}"
                        },
                        "font-weight": {
                            "value": "{sys.text.style.bodyBold.weight}"
                        },
                        "line-height": {
                            "value": "{sys.text.style.bodyBold.line-height}"
                        }
                    }
                },
                "height": {
                    "value": "{ref.font.lineHeight.sm}"
                }
            },
            "height": {
                "value": "{ref.font.lineHeight.xs}"
            },
            "border": {
                "radius": {
                    "value": "2px"
                }
            },
            "notif": {
                "border": {
                    "radius": {
                        "value": "{ref.font.lineHeight.xs}"
                    }
                },
                "minWidth": {
                    "value": "{ref.font.lineHeight.xs}"
                },
                "color": {
                    "value": "{ref.color.white}"
                },
                "background": {
                    "color": {
                        "value": "{sys.color.main.default.bg.default}"
                    }
                }
            },
            "orange": {
                "color": {
                    "value": "{ref.color.orange.150}"
                },
                "withBackground": {
                    "color": {
                        "value": "{ref.color.white}"
                    },
                    "background": {
                        "color": {
                            "value": "{sys.color.main.default.bg.default}"
                        }
                    }
                }
            },
            "blue": {
                "color": {
                    "value": "{ref.color.electricBlue.150}"
                },
                "withBackground": {
                    "background": {
                        "color": {
                            "value": "{ref.color.electricBlue.10}"
                        }
                    }
                }
            },
            "grey": {
                "color": {
                    "value": "{ref.color.grey.100}"
                },
                "withBackground": {
                    "background": {
                        "color": {
                            "value": "{ref.color.grey.10}"
                        }
                    }
                }
            }
        }
    }
}