.route-profile{width:100%}.route-profile-stats{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:var(--spacing-3);gap:var(--spacing-3);margin-bottom:var(--spacing-2)}.route-profile-stats div{display:grid;grid-gap:var(--spacing-1);gap:var(--spacing-1)}.route-profile-note,.route-profile-stats span{color:var(--color-muted);font-family:var(--font-mono);font-size:var(--text-2xs);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.route-profile-stats strong{color:var(--color-ink);font-family:var(--font-mono);font-size:var(--text-lg);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;line-height:var(--leading-tight)}.route-profile-note{margin:0 0 var(--spacing-2)}.route-profile-chart-wrap{position:relative}.route-profile-chart-wrap.has-markers{padding-bottom:48px}.route-profile-svg{display:block;width:100%;height:170px;overflow:visible;background:transparent;border-radius:var(--radius-md);outline:none;touch-action:pan-y}.route-profile-svg:focus-visible{outline:2px solid var(--color-ink);outline-offset:2px}.route-profile-axis-label,.route-profile-ele-label,.route-profile-readout{font-family:var(--font-mono);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.route-profile-axis-label{fill:var(--color-muted);font-size:var(--text-2xs)}.route-profile-ele-label{fill:var(--color-ink);font-size:var(--text-2xs);font-weight:600}.route-profile-readout{fill:var(--color-ink);font-size:var(--text-xs);font-weight:600}.route-profile-baseline,.route-profile-tick{stroke:var(--color-hairline);stroke-width:1}.route-profile-cursor-line{stroke:var(--color-ink);stroke-width:1.5;stroke-opacity:.5}.route-profile-cursor-dot{fill:var(--color-ink);stroke:var(--color-bg);stroke-width:2}.route-profile-external-line{stroke:var(--color-ink);stroke-width:2;stroke-opacity:.9;stroke-dasharray:3 3}.route-profile-external-dot{fill:var(--color-brand-yellow);stroke:var(--color-ink);stroke-width:2}.route-profile-marker-band{position:absolute;left:0;right:0;bottom:0;height:44px}.route-profile-marker-group{position:absolute;transform:translateX(-50%)}.route-profile-marker-group.is-authored{top:0;z-index:2}.route-profile-marker-group.is-automatic{top:var(--spacing-4);z-index:1}.route-profile-marker{position:relative;display:grid;place-items:center;width:28px;height:28px;padding:0;border:0;border-radius:var(--radius-md);background:transparent;cursor:pointer}.route-profile-marker:focus-visible,.route-profile-marker:hover{background:var(--color-state-hover);outline:none}.route-profile-marker.is-stop:after{content:"";position:absolute;inset:2px;border:2px solid var(--color-brand-yellow);border-radius:50%;pointer-events:none}@media (max-width:380px){.route-profile-stats{gap:var(--spacing-2)}.route-profile-stats strong{font-size:var(--text-md)}}.route-profile-ele-label{paint-order:stroke;stroke:var(--color-surface);stroke-width:4px;stroke-linejoin:round}.route-profile-marker-label{position:absolute;top:var(--spacing-1);left:var(--spacing-2);right:var(--spacing-2);padding:var(--spacing-1);background:var(--color-surface);color:var(--color-ink);font-size:var(--text-xs);pointer-events:none}.route-profile-waypoint{display:block;width:var(--spacing-3);height:var(--spacing-3);border:2px solid var(--color-ink);border-radius:50%;background:var(--color-surface);flex-shrink:0}