.stop-rail{gap:var(--space-2);min-inline-size:0;display:grid}.stop-rail-track{block-size:var(--target-min);border-radius:var(--radius-sm);position:relative}.stop-rail-track:has(.stop-rail-input:focus-visible){outline:2px solid var(--color-focus-ring);outline-offset:2px}.stop-rail-out,.stop-rail-back,.stop-rail-zone,.stop-rail-behind{block-size:var(--space-2);border-radius:var(--radius-full);margin-block-start:calc(var(--space-2) / -2);position:absolute;inset-block-start:50%}.stop-rail-out,.stop-rail-back{background:repeating-linear-gradient( 90deg, var(--stop-rail-dash) 0 var(--space-3), transparent var(--space-3) calc(var(--space-3) + var(--space-2)))}.stop-rail-out{--stop-rail-dash:var(--map-road-ahead);inline-size:90%;inset-inline-start:0}.stop-rail-out.is-round{inline-size:50%}.stop-rail-back{--stop-rail-dash:var(--map-road-return);inline-size:40%;inset-inline-start:50%}.stop-rail-zone{border:1px dashed var(--color-border-interactive);box-sizing:border-box;background:0 0;inline-size:10%;inset-inline-start:90%}.stop-rail-zone.is-active{background:var(--color-surface-sunken);border-style:solid}.stop-rail-behind{inline-size:calc(var(--stop-rail-behind) * 100%);background:var(--map-road-traveled);inset-inline-start:0}.stop-rail-turn{inline-size:var(--space-4);block-size:var(--space-4);box-sizing:border-box;border:2px solid var(--map-label-ink);border-radius:var(--radius-full);background:var(--map-casing);margin-block-start:calc(var(--space-4) / -2);margin-inline-start:calc(var(--space-4) / -2);position:absolute;inset-block-start:50%;inset-inline-start:50%}.stop-rail-diamond{inline-size:var(--space-5);block-size:var(--space-5);box-sizing:border-box;border:2px solid var(--map-label-ink);background:var(--color-accent);pointer-events:none;margin-block-start:calc(var(--space-5) / -2);margin-inline-start:calc(var(--space-5) / -2);position:absolute;inset-block-start:50%;inset-inline-start:calc(var(--stop-rail-at) * 100%);transform:rotate(45deg)}.stop-rail-input{opacity:0;cursor:pointer;appearance:none;background:0 0;block-size:100%;inline-size:100%;margin:0;position:absolute;inset:0}.stop-rail-input::-webkit-slider-thumb{appearance:none;inline-size:1px;block-size:var(--target-min)}.stop-rail-input::-moz-range-thumb{inline-size:1px;block-size:var(--target-min);border:0}.stop-rail-captions{font-size:var(--text-xs);line-height:var(--leading-xs);color:var(--color-text-tertiary);grid-template-columns:5fr 4fr 1fr;gap:0;display:grid}.stop-rail-captions>:last-child{padding-inline-start:var(--space-3)}.stop-rail-foot{justify-content:space-between;align-items:baseline;gap:var(--space-2) var(--space-4);flex-wrap:wrap;display:flex}.stop-rail-value{color:var(--color-text-primary);margin:0;font-weight:600}.stop-rail-caption-zone{font-size:var(--text-sm);color:var(--color-text-tertiary);margin:0}.stop-rail-caption-zone.is-active{color:var(--color-text-primary)}