.ot-path-demo{margin:2rem 0;color:var(--card-text-color-main)}.ot-path-demo__plot{overflow:hidden;border:1px solid var(--card-separator-color);border-radius:var(--card-border-radius);background:color-mix(in srgb,var(--card-background) 92%,var(--accent-color) 8%)}.ot-path-demo svg{display:block;width:100%;height:auto}.ot-path-demo__grid line{stroke:var(--card-separator-color);stroke-width:1}.ot-path-demo__axes line{stroke:var(--card-text-color-tertiary);stroke-width:1.5}.ot-path-demo__trajectories line{stroke:var(--card-text-color-tertiary);stroke-width:1;stroke-dasharray:5 5;opacity:.35}.ot-path-demo__distribution{fill:color-mix(in srgb,var(--accent-color) 10%,transparent);stroke:var(--accent-color);stroke-width:2;stroke-dasharray:7 5;opacity:.65}.ot-path-demo__particles circle{fill:var(--accent-color);opacity:.68}.ot-path-demo__mean{fill:var(--card-background);stroke:var(--accent-color);stroke-width:3}.ot-path-demo__target circle{fill:var(--accent-color);stroke:var(--card-background);stroke-width:4}.ot-path-demo__target text{fill:var(--card-text-color-main);font-size:18px;font-weight:500}.ot-path-demo__controls{display:grid;grid-template-columns:auto minmax(8rem,1fr)auto auto;align-items:center;gap:.75rem;margin-top:1rem}.ot-path-demo__time,.ot-path-demo__values{font-variant-numeric:tabular-nums}.ot-path-demo__slider{width:100%;accent-color:var(--accent-color)}.ot-path-demo__button{min-height:2.5rem;padding:.45rem .85rem;border:1px solid var(--card-separator-color);border-radius:.5rem;background:var(--card-background);color:var(--card-text-color-main);cursor:pointer}.ot-path-demo__button:hover{background:var(--card-background-selected)}.ot-path-demo__values{display:flex;flex-wrap:wrap;gap:.5rem 1.5rem;margin-top:.75rem;color:var(--card-text-color-secondary)}.ot-path-demo figcaption{margin-top:.75rem;color:var(--card-text-color-secondary);font-size:.9em}@media(max-width:600px){.ot-path-demo__controls{grid-template-columns:1fr 1fr}.ot-path-demo__time,.ot-path-demo__slider{grid-column:1/-1}}