.article-page .interactions-rows{display:grid;grid-gap:var(--cf-space-150);gap:var(--cf-space-150)}.article-page .interactions-row{display:grid;grid-template-columns:calc(var(--cf-space-2000)*2.4) minmax(0,1fr) auto;grid-gap:var(--cf-space-200);gap:var(--cf-space-200);align-items:center}.article-page .interactions-row.is-worst .interactions-label,.article-page .interactions-row.is-worst .interactions-time{color:var(--cf-color-text-strong);font-weight:var(--cf-font-weight-semibold)}.article-page .interactions-label{color:var(--cf-color-text-secondary);font-size:var(--cf-font-size-200)}.article-page .interactions-lane{display:flex;block-size:var(--cf-space-300);overflow:hidden;border-radius:var(--cf-radius-050);background:var(--cf-color-surface-raised)}.article-page .interactions-bar{display:block;block-size:100%}.article-page .interactions-bar.is-input,.article-page .interactions-swatch.is-input{background:var(--cf-color-danger)}.article-page .interactions-bar.is-processing,.article-page .interactions-swatch.is-processing{background:var(--cf-color-warning)}.article-page .interactions-bar.is-presentation,.article-page .interactions-swatch.is-presentation{background:var(--cf-color-primary-solid)}.article-page .interactions-time{font-family:var(--cf-font-mono);text-align:end}.article-page .interactions-key,.article-page .interactions-time{color:var(--cf-color-text-secondary);font-size:var(--cf-font-size-200)}.article-page .interactions-key{display:flex;flex-wrap:wrap;gap:var(--cf-space-100) var(--cf-space-200);align-items:center;margin:0}.article-page .interactions-swatch{display:inline-block;inline-size:var(--cf-space-300);block-size:var(--cf-space-200);border-radius:var(--cf-radius-050)}