Multi KPI Style CSS apply to one object only

[lessassy]

Hello,

I have the following css code:

.qv-client.qv-card #qv-stage-container #grid .qv-object-wrapper .qv-inner-object {
    padding: 0;
}
.touch-off .qv-client.qv-card #qv-stage-container #grid .qv-object .qv-object-header.thin {
    height: 0px;
}

.qv-object-qsstatistic .ui.mini.horizontal.statistic>.value, 
.qv-object-qsstatistic .ui.mini.horizontal.statistics .statistic>.value, 
.qv-object-qsstatistic .ui.mini.statistic>.value, 
.qv-object-qsstatistic .ui.mini.statistics .statistic>.value {
    font-size: 90%;
}

And I would like to apply it to a MULTI KPI object and not the whole page as we can see below

It would be possible to configure a CSS style per object "KPI indicator".

Thank you

Have a good day

[Claudiu_Anghelescu]

You have to use "&" in order to reference only current object.

& .top {
font-size: 100%;
color: #ff5943;
background: #fff883
}