.skpi-row{gap:var(--spacing-4);grid-template-columns:repeat(auto-fill,minmax(240px,1fr));display:grid}.skpi{align-items:start;column-gap:var(--spacing-3);row-gap:var(--spacing-1);min-width:0;padding:var(--spacing-5);background:var(--color-white);border:1px solid var(--color-grey-10);border-radius:var(--radius-lg);text-align:left;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"value change""label label";display:grid}.skpi--button{width:100%;font:inherit;color:inherit;cursor:pointer;transition:border-color .15s}.skpi--button:hover{border-color:var(--color-grey-30)}.skpi--button:focus-visible{outline:2px solid var(--mv-accent);outline-offset:2px}.skpi__value,.skpi__label{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.skpi__value{letter-spacing:-.01em;color:var(--color-ink);font-variant-numeric:tabular-nums;grid-area:value;font-size:28px;font-weight:700;line-height:36px}.skpi__label{color:var(--color-grey-70);grid-area:label;font-size:14px;line-height:20px}.skpi__change{margin-top:var(--spacing-1);white-space:nowrap;font-variant-numeric:tabular-nums;grid-area:change;font-size:13px;font-weight:500;line-height:20px}.skpi__change--good{color:var(--color-success-text)}.skpi__change--bad{color:var(--color-error-text)}.skpi__change--flat{color:var(--color-grey-70)}@media (max-width:480px){.skpi-row{gap:var(--spacing-3);grid-template-columns:repeat(auto-fill,minmax(min(100%,160px),1fr))}.skpi{padding:var(--spacing-4);column-gap:var(--spacing-2)}.skpi__value{font-size:24px;line-height:32px}}