.ramp-diagram.svelte-1c08xz4 svg:where(.svelte-1c08xz4){display:block;margin:0 auto;max-width:720px;width:100%}.rd-pavement.svelte-1c08xz4,.rd-scl.svelte-1c08xz4{fill:var(--diag-pavement)}.rd-scl.svelte-1c08xz4{transition:fill .12s ease}.rd-scl.active.svelte-1c08xz4{fill:var(--diag-scl-active)}.rd-influence.svelte-1c08xz4{fill:var(--diag-infl);opacity:.1;transition:opacity .12s ease}.rd-influence.active.svelte-1c08xz4{opacity:.3}.rd-edge.svelte-1c08xz4{stroke:var(--diag-edge);stroke-width:2;stroke-linecap:round;vector-effect:non-scaling-stroke}.rd-edge-path.svelte-1c08xz4{fill:none;stroke:var(--diag-edge);stroke-width:2;stroke-linejoin:round;vector-effect:non-scaling-stroke}.rd-lane-line.svelte-1c08xz4{stroke:var(--diag-lane-line);stroke-width:1.5;stroke-dasharray:8 6;vector-effect:non-scaling-stroke}.rd-lane-line-dark.svelte-1c08xz4{stroke:var(--diag-wall);stroke-width:1.5;stroke-dasharray:8 6;vector-effect:non-scaling-stroke}.rd-dim.svelte-1c08xz4{stroke:var(--diag-wall-edge);stroke-width:1}.rd-label.svelte-1c08xz4{font-size:9px;fill:var(--diag-wall-edge)}.rd-arrow.svelte-1c08xz4{fill:var(--diag-edge)}.rd-legend.svelte-1c08xz4{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.5rem}.rd-len.svelte-1c08xz4 input:where(.svelte-1c08xz4){background:var(--surface);border:1px solid var(--border-strong);border-radius:4px;color:var(--text);font-size:.72rem;padding:.05rem .25rem;text-align:right;width:3.6rem}.rd-chip.svelte-1c08xz4{align-items:center;background:transparent;border:1px solid var(--border-strong);border-radius:999px;cursor:default;display:inline-flex;font-size:.72rem;gap:.35rem;padding:.15rem .5rem}.rd-chip.active.svelte-1c08xz4{border-color:var(--diag-edge)}.swatch.svelte-1c08xz4{border-radius:2px;display:inline-block;height:.7rem;width:.7rem}.swatch.ramp.svelte-1c08xz4{background:var(--diag-scl-active);border:1px solid var(--diag-edge)}.swatch.influence.svelte-1c08xz4{background:#2563eb4d}