.ride-marker{-webkit-user-select:none;user-select:none;border:2px solid #fff;place-items:center;font-size:11px;font-weight:600;line-height:1;display:grid;box-shadow:0 4px 14px #00000038}.ride-marker-pin{width:28px;height:40px;box-shadow:none;filter:drop-shadow(0 3px 7px #00000047);background:0 0;border:0}.ride-marker-pin svg{width:100%;height:100%;display:block}.ride-marker-pin path{fill:currentColor}.ride-marker-pin.is-start{color:#1b8f4a}.ride-marker-pin.is-end{color:#d02424}.ride-marker-lap{z-index:2;background:color-mix(in oklab, var(--ride-marker-color,var(--color-ride)) 92%, black);width:22px;height:22px;color:var(--ride-marker-on,var(--color-ride-on));border-radius:999px}.ride-map-sheet{inset-inline:0;z-index:20;background:var(--background);pointer-events:none;border-radius:28px 28px 0 0;flex-direction:column;transition:translate .32s cubic-bezier(.22,1,.36,1);display:flex;position:absolute;bottom:0;overflow:hidden;translate:0 110%;box-shadow:0 -18px 48px #00000038}.ride-map-sheet.is-open{pointer-events:auto;translate:0}.ride-map-sheet.is-dragging{transition:none}.ride-map-sheet-handle{cursor:ns-resize;touch-action:none;background:0 0;border:0;place-items:center;width:100%;height:28px;padding:0;display:grid}.ride-map-sheet-handle span{background:color-mix(in oklab, var(--foreground) 18%, transparent);border-radius:999px;width:44px;height:4px;display:block}.speed-legend{align-items:center;display:flex}.speed-legend-cap{border-radius:999px;width:14px;height:4px;display:block}.speed-legend-cap.is-slow{background:#14d45a}.speed-legend-cap.is-fast{background:#e02424}.speed-legend-bar{border-radius:999px;flex:1;height:4px}.speed-legend-label{letter-spacing:.02em;padding:0 7px;font-size:11px;font-weight:500;line-height:1}.speed-legend-label.is-slow{color:#14d45a}.speed-legend-label.is-fast{color:#e02424}.ride-route-preview .mapboxgl-ctrl-logo,.ride-route-preview .mapboxgl-ctrl-attrib,.ride-route-preview .mapboxgl-ctrl-attrib-button,.ride-route-preview .mapboxgl-compact,.ride-route-preview .mapboxgl-ctrl-bottom-left,.ride-route-preview .mapboxgl-ctrl-bottom-right{display:none}
.ride-stream-zoom{touch-action:none;overscroll-behavior:contain;cursor:grab}.ride-stream-zoom.is-panning{cursor:grabbing}.ride-chart-scrubber-track{height:28px}.ride-chart-scrubber-rail{inset-inline:0;background:color-mix(in oklab, var(--foreground) 16%, transparent);border-radius:999px;height:4px;position:absolute;top:50%;translate:0 -50%}.ride-chart-scrubber-inner{position:absolute;inset:0}.ride-chart-scrubber-range{z-index:1;background:color-mix(in oklab, var(--color-ride) 10%, white);min-width:44px;height:16px;box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--color-ride) 10%, transparent);cursor:grab;touch-action:none;border-radius:999px;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;translate:0 -50%}.dark .ride-chart-scrubber-range{background:#ffffff1a;background:lab(100% -.0000298023 .0000119209/.1);box-shadow:inset 0 0 0 1px #ffffff14,0 0 0 1px #ffffff1f;box-shadow:inset 0 0 0 1px lab(100% -.0000298023 .0000119209/.08),0 0 0 1px lab(100% -.0000298023 .0000119209/.12)}.ride-chart-scrubber-range:hover{background:color-mix(in oklab, var(--color-ride) 14%, white)}.dark .ride-chart-scrubber-range:hover{background:#ffffff21;background:lab(100% -.0000298023 .0000119209/.13)}.ride-chart-scrubber-range:active{cursor:grabbing}.ride-chart-scrubber-grip{flex-direction:column;gap:3px;width:10px;display:flex}.ride-chart-scrubber-grip i{background:color-mix(in oklab, var(--foreground) 28%, transparent);border-radius:999px;height:1.5px;display:block}.ride-chart-scrubber-edge{z-index:1;cursor:ew-resize;background:0 0;border:0;width:16px;height:100%;padding:0;position:absolute;top:0}.ride-chart-scrubber-edge.is-start{left:0}.ride-chart-scrubber-edge.is-end{right:0}.ride-stream-popover{border:1px solid var(--border);background:var(--background);border-radius:16px;min-width:10.5rem;padding:12px 14px;box-shadow:0 16px 40px #00000029}.ride-stream-chart,.ride-zone-chart{min-height:0}.ride-stream-chart,.ride-zone-chart,.ride-stream-chart :focus,.ride-zone-chart :focus,.ride-stream-chart :focus-visible,.ride-zone-chart :focus-visible,.ride-stream-chart :active,.ride-zone-chart :active{box-shadow:none;outline:none}.ride-stream-chart svg,.ride-zone-chart svg,.ride-stream-chart .recharts-wrapper,.ride-zone-chart .recharts-wrapper,.ride-stream-chart .recharts-surface,.ride-zone-chart .recharts-surface{border:none;outline:none}.ride-stream-chart .recharts-cartesian-axis-tick-value,.ride-zone-chart .recharts-cartesian-axis-tick-value{font-variant-numeric:tabular-nums}
.year-tab{border-color:color-mix(in oklab, var(--color-ride) 22%, var(--border))}.year-tab:hover{border-color:color-mix(in oklab, var(--color-ride) 65%, transparent);background:color-mix(in oklab, var(--color-ride) 12%, transparent);color:var(--color-ride)}.year-tab[aria-pressed=true]{border-color:var(--color-ride);background:var(--color-ride);color:var(--color-ride-on)}.year-tab[aria-pressed=true]:hover{background:color-mix(in oklab, var(--color-ride) 88%, black);color:var(--color-ride-on)}
.ride-heatmap-cell[data-level="0"]{background:color-mix(in oklab, var(--foreground) 7%, transparent)}.ride-heatmap-cell[data-level="1"]{background:color-mix(in oklab, var(--color-ride) 22%, transparent)}.ride-heatmap-cell[data-level="2"]{background:color-mix(in oklab, var(--color-ride) 40%, transparent)}.ride-heatmap-cell[data-level="3"]{background:color-mix(in oklab, var(--color-ride) 60%, transparent)}.ride-heatmap-cell[data-level="4"]{background:color-mix(in oklab, var(--color-ride) 80%, transparent)}.ride-heatmap-cell[data-level="5"]{background:var(--color-ride)}.ride-heatmap-cell[data-active=true]{outline:2px solid var(--color-ride);outline-offset:2px}
.ride-summary-period{grid-template-columns:1fr;min-width:0;margin-right:.5rem;transition:grid-template-columns .32s cubic-bezier(.22,1,.36,1),margin-right .32s cubic-bezier(.22,1,.36,1);display:grid}.ride-summary-period:last-child{margin-right:0}.ride-summary-period[data-collapsed=true]{grid-template-columns:0fr;margin-right:0}.ride-summary-period>*{min-width:0;overflow:hidden}.ride-summary-period[data-collapsed=true] .ride-summary-tab{pointer-events:none;opacity:0;transform:scale(.86)}@media (prefers-reduced-motion:reduce){.ride-summary-period{transition:none}}.ride-summary-tab{border-color:color-mix(in oklab, var(--color-ride) 22%, var(--border))}.ride-summary-tab:hover:not(:disabled){border-color:color-mix(in oklab, var(--color-ride) 65%, transparent);background:color-mix(in oklab, var(--color-ride) 12%, transparent);color:var(--color-ride)}.ride-summary-tab[aria-pressed=true]{border-color:var(--color-ride);background:var(--color-ride);color:var(--color-ride-on)}.ride-summary-tab[aria-pressed=true]:hover:not(:disabled){background:color-mix(in oklab, var(--color-ride) 88%, black);color:var(--color-ride-on)}.ride-summary-chart,.ride-summary-chart :focus,.ride-summary-chart :focus-visible,.ride-summary-chart :active{box-shadow:none;outline:none}.ride-summary-chart svg,.ride-summary-chart .recharts-wrapper,.ride-summary-chart .recharts-surface{border:none;outline:none}.ride-summary-chart .recharts-tooltip-cursor,.ride-summary-chart .recharts-rectangle.recharts-tooltip-cursor{display:none}
.ride-tracks-grid{grid-template-columns:repeat(auto-fill,80px);justify-content:start;gap:.5rem;display:grid}.ride-tracks-thumb{background:0 0;border:0;border-radius:10px;width:80px;height:80px;padding:0}.ride-tracks-path{stroke:var(--color-ride);stroke-width:1.5px;opacity:.42;transition:opacity .28s,stroke-width .28s}.ride-tracks-thumb:hover .ride-tracks-path{opacity:.72}@media (prefers-reduced-motion:reduce){.ride-tracks-path{transition:none}}