.tri{--tri-p:0;--tri-color:var(--color-accent-note);--tri-h:2.4rem;position:fixed;left:0;right:0;bottom:calc(-1 * var(--hj-viewport-overscan));padding-bottom:var(--hj-viewport-overscan);z-index:90;pointer-events:none;background:color-mix(in srgb,var(--body-background) 94%,transparent);border-top:1px solid var(--color-border);font-size:var(--font-size-smallest);color:var(--color-text-muted);line-height:1;opacity:0;transform:translateY(100%);transition:opacity var(--transition-fast),transform var(--transition-fast)}.tri.is-visible{opacity:1;transform:translateY(0)}.tri[data-leg=swim]{--tri-color:var(--color-accent-note)}.tri[data-leg=bike]{--tri-color:var(--color-accent-tip)}.tri[data-leg=run]{--tri-color:var(--color-accent-caution)}.tri__inner{display:flex;align-items:center;gap:var(--spacing-4);height:var(--tri-h);max-width:48rem;margin-inline:auto;padding-inline:var(--spacing-4)}.tri__legend{flex:none;display:grid;grid-template-columns:1.15em 3.1em auto;align-items:center;gap:.4em;width:11.7em;white-space:nowrap;font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1}.tri__now{display:inline-block;min-width:2.5em;text-align:right}.tri__label{color:var(--tri-color);font-weight:600}.tri__track{position:relative;flex:auto;height:100%;margin-inline:1.4rem}.tri__rail,.tri__fill{position:absolute;top:50%;left:0;height:3px;transform:translateY(-50%);border-radius:var(--border-radius)}.tri__rail{right:0;background:var(--color-bg-tertiary)}.tri__fill{width:100%;transform-origin:0 50%;transform:translateY(-50%)scaleX(var(--tri-p));background:var(--tri-color);will-change:transform}.tri__node{position:absolute;top:50%;left:calc(var(--tri-at) * 100%);transform:translate(-50%,-50%);display:grid;place-items:center;width:1.1rem;height:1.1rem;border-radius:50%;border:2px solid var(--color-bg-tertiary);background:var(--body-background);font-size:.6rem;line-height:1}.tri__node.is-done{border-color:var(--tri-color)}.tri__athlete{position:absolute;left:0;right:0;bottom:50%;height:0;transform:translateX(calc(var(--tri-p) * 100%));will-change:transform}.tri__stage{position:absolute;left:0;bottom:0;transform:translateX(-50%);overflow:hidden;height:var(--h);aspect-ratio:1/var(--ar);opacity:0}.tri[data-leg=swim] .tri__stage--swim,.tri[data-leg=bike] .tri__stage--bike,.tri[data-leg=run] .tri__stage--run{opacity:1}.tri__strip{position:absolute;top:0;left:0;display:block;height:100%;width:calc(var(--n) * 100%);max-width:none;will-change:transform}@keyframes tri-frames{from{transform:translateX(0)}to{transform:translateX(-100%)}}@media(prefers-reduced-motion:reduce){.tri__strip{animation:none!important}.tri{transition:none}}@media(max-width:30rem){.tri__legend{width:9.4em}.tri__of{display:none}}