.dd-observability-trend{flex-direction:column;min-width:0;min-height:0;display:flex}.dd-observability-trend-reading{flex-wrap:wrap;flex:none;justify-content:space-between;align-items:center;gap:6px 12px;min-width:0;min-height:36px;margin-bottom:4px;display:flex}.dd-observability-trend-timestamp{min-width:0;color:var(--dd-panel-muted,var(--muted));align-items:center;gap:6px;font-size:10px;display:inline-flex}.dd-observability-trend-timestamp>svg{flex:none}.dd-observability-trend-value{min-width:0;color:var(--dd-highlight,var(--accent));font-family:var(--font-display);font-variant-numeric:tabular-nums;flex-wrap:wrap;align-items:baseline;gap:7px;font-size:25px;font-weight:500;display:inline-flex}.dd-observability-trend-caption{color:var(--dd-panel-muted,var(--muted));font-family:var(--font-body);font-size:9px;font-weight:400;line-height:1.6}.dd-observability-trend-plot{min-width:0;height:220px;min-height:0;position:relative}.dd-observability-trend-chart{width:100%;min-width:0;height:100%;color:var(--dd-highlight,var(--accent));display:block}.dd-observability-trend-grid line{stroke:color-mix(in srgb, var(--accent) 10%, transparent);stroke-dasharray:3 4;vector-effect:non-scaling-stroke}.dd-observability-trend-grid text,.dd-observability-trend-label{fill:var(--dd-panel-muted,var(--muted));font-family:var(--font-body);font-size:11px}.dd-observability-trend-area{animation:.8s backwards dd-observability-area-reveal}.dd-observability-trend-line{fill:none;stroke:currentColor;stroke-width:2.5px;stroke-linejoin:round;stroke-linecap:round;stroke-dasharray:1;vector-effect:non-scaling-stroke;animation:1.2s cubic-bezier(.22,1,.36,1) backwards dd-observability-line-draw}.dd-observability-trend-point{fill:currentColor;animation:.8s backwards dd-observability-area-reveal}.dd-observability-trend-active line{stroke:currentColor;stroke-opacity:.2;stroke-dasharray:4 4;vector-effect:non-scaling-stroke}.dd-observability-trend-active circle{fill:var(--dd-panel-surface,var(--paper));stroke:currentColor;stroke-width:2.5px;vector-effect:non-scaling-stroke}.dd-observability-trend-empty{color:var(--dd-panel-muted,var(--muted));text-align:center;align-content:center;margin:0;font-size:11px;line-height:1.7;display:grid;position:absolute;inset:20px 12px 38px}.dd-observability-trend-slider-label{flex:none;align-items:center;gap:12px;min-width:0;padding-left:76px;display:flex}.dd-observability-trend-slider-copy{flex-direction:column;flex:none;display:flex}.dd-observability-trend-slider-caption{color:var(--dd-highlight,var(--accent));align-items:center;gap:5px;display:inline-flex}.dd-observability-trend-slider-hint{font-size:9px;line-height:1.2}.dd-observability-trend-slider{appearance:none;cursor:ew-resize;background:0 0;width:100%;min-width:0;height:24px;margin:0;padding:0}.dd-observability-trend-slider::-webkit-slider-runnable-track{background:color-mix(in srgb, var(--dd-highlight,var(--accent)) 45%, transparent);border-radius:2px;height:2px}.dd-observability-trend-slider::-moz-range-track{background:color-mix(in srgb, var(--dd-highlight,var(--accent)) 45%, transparent);border-radius:2px;height:2px}.dd-observability-trend-slider::-webkit-slider-thumb{box-sizing:border-box;appearance:none;border:2px solid var(--dd-highlight,var(--accent));background:var(--dd-panel-surface,var(--paper));border-radius:50%;width:12px;height:12px;margin-top:-5px}.dd-observability-trend-slider::-moz-range-thumb{box-sizing:border-box;border:2px solid var(--dd-highlight,var(--accent));background:var(--dd-panel-surface,var(--paper));border-radius:50%;width:12px;height:12px}.dd-observability-trend-slider:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:5px}.dd-observability-panel.is-compact .dd-observability-trend{flex:auto}.dd-observability-panel.is-compact .dd-observability-trend-plot{flex:auto;height:132px;min-height:132px}.dd-observability-panel.is-compact .dd-observability-trend-value{font-size:22px}.dd-observability-panel.is-compact .dd-observability-trend-reading{gap:4px 9px}@keyframes dd-observability-line-draw{0%{stroke-dashoffset:1px}to{stroke-dashoffset:0}}@keyframes dd-observability-area-reveal{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.dd-observability-trend-line,.dd-observability-trend-area,.dd-observability-trend-point{transition:none;animation:none}}