.dd-observability-ranking{flex-direction:column;gap:8px;min-width:0;min-height:0;display:flex}.dd-observability-ranking-heading{color:var(--dd-panel-muted,var(--muted));flex-wrap:wrap;flex:none;justify-content:space-between;gap:5px;padding-inline:4px;font-size:9px;display:flex}.dd-observability-ranking-scroll,.dd-observability-ranking-table-wrap{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:color-mix(in srgb, var(--accent) 25%, transparent) transparent;flex:auto;min-width:0;min-height:0;overflow:auto}.dd-observability-ranking-rows{gap:6px;margin:0;padding:3px 4px 7px;list-style:none;display:grid}.dd-observability-ranking-row{border:1px solid color-mix(in srgb, var(--accent) 6%, transparent);background:color-mix(in srgb, var(--accent) 1.5%, transparent);min-width:0;animation:dd-runtime-row-reveal .4s ease var(--dd-runtime-row-delay) backwards;border-radius:8px;grid-template-columns:15px 16px minmax(0,1fr) auto;align-items:center;gap:6px 9px;padding:9px;display:grid}.dd-observability-ranking-rank{color:var(--dd-panel-muted,var(--muted));text-align:center;font-size:9px}.dd-observability-ranking-icon,.dd-observability-ranking-identity>svg{color:var(--dd-highlight,var(--accent));flex:none}.dd-observability-ranking-row.is-error .dd-observability-ranking-icon{color:var(--danger)}.dd-observability-ranking-copy{gap:3px;min-width:0;font-size:11px;font-weight:400;display:grid}.dd-observability-ranking-copy>span,.dd-observability-ranking-copy>small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.dd-observability-ranking-copy>small,.dd-observability-ranking-values>small{color:var(--dd-panel-muted,var(--muted));font-size:9px;font-weight:400}.dd-observability-ranking-values{font-variant-numeric:tabular-nums;justify-items:end;gap:4px;display:grid}.dd-observability-ranking-values>strong{color:var(--dd-highlight,var(--accent));font-size:11px;font-weight:600}.dd-observability-ranking-track{background:color-mix(in srgb, var(--accent) 5.5%, transparent);border-radius:999px;grid-column:2/-1;height:4px;overflow:hidden}.dd-observability-ranking-bar{border-radius:inherit;background:color-mix(in srgb, var(--accent) 60%, transparent);transform-origin:0;height:100%;animation:dd-runtime-row-grow .65s cubic-bezier(.22, 1, .36, 1) var(--dd-runtime-row-delay) backwards;transition:width .65s cubic-bezier(.22,1,.36,1);display:block}.dd-observability-ranking-table{border-collapse:collapse;text-align:left;width:100%}.dd-observability-ranking-table th,.dd-observability-ranking-table td{border-bottom:1px solid color-mix(in srgb, var(--accent) 9%, transparent);font-variant-numeric:tabular-nums;padding:9px 7px;font-size:10px;font-weight:400}.dd-observability-ranking-table thead{z-index:1;color:var(--dd-highlight,var(--accent));background:var(--dd-panel-surface,var(--paper));position:sticky;top:0}.dd-observability-ranking-table th:not(:first-child),.dd-observability-ranking-table td{text-align:right;white-space:nowrap}.dd-observability-ranking-identity{align-items:center;gap:7px;min-width:0;display:flex}.dd-observability-ranking-empty{color:var(--dd-panel-muted,var(--muted));text-align:center;border-radius:8px;margin:0;padding:24px 12px;font-size:11px}.dd-observability-panel.is-compact .dd-observability-ranking{height:100%}@keyframes dd-runtime-row-reveal{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}@keyframes dd-runtime-row-grow{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@media (prefers-reduced-motion:reduce){.dd-observability-ranking-row,.dd-observability-ranking-bar{animation:none}.dd-observability-ranking-bar{transition:none}}