article[z-kpi-value]{padding:var(--zs-150);box-shadow:var(--zd-1);border-radius:var(--z-rd-s);background-color:var(--z-kpi-value--bg, var(--z-sf-base));gap:var(--zs-100)}article[z-kpi-value]>header{font:var(--zf-h-20)!important;font-weight:700!important;margin:0}article[z-kpi-value]>main{display:grid;grid-template-columns:max-content max-content;justify-content:space-between}article[z-kpi-value]>main:has(>div){gap:var(--zs-100)}article[z-kpi-value]>main>*:first-child{color:var(--z-kpi-value--color, var(--z-ct-clickable));font:var(--zf-h-32)!important;font-weight:600!important}article[z-kpi-value]>main>div{display:grid;text-align:right}article[z-kpi-value]>main>div>p{font:var(--zf-capt-12--500);margin:0}article[z-kpi-value]>main>div:empty{display:none}article[z-kpi-value]>main>div>[data-difference]{font:var(--zf-body-18--500);display:flex;align-items:center;justify-content:flex-end;gap:var(--zs-25)}article[z-kpi-value]>main>div>[data-difference]:not([data-difference=""],[data-difference=true]):before{--zi: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3E%3Cpath fill='%232167AE' d='M3.5 2.87v18.26c0 .38.42.62.75.43l15.52-9.13a.5.5 0 0 0 0-.86L4.25 2.44a.5.5 0 0 0-.75.43'/%3E%3C/svg%3E");--zi-name: "play";content:"";width:1rem;height:1rem;display:inline-block;box-sizing:content-box;background-color:currentColor;margin:0;mask:var(--zi) center/1rem no-repeat;-webkit-mask:var(--zi) center/1rem no-repeat;rotate:-90deg;transition:rotate .2s ease-in-out}article[z-kpi-value]>main>div>[data-difference^="-"]:before{rotate:90deg!important}article[z-kpi-value][z-kpi-value=positive]>main>div>[data-difference]{color:var(--z-kpi-value--diff--pos, var(--z-ct-positive))!important}article[z-kpi-value][z-kpi-value=negative]>main>div>[data-difference]{color:var(--z-kpi-value--diff--neg, var(--z-ct-negative))!important}