/* Original schematic illustration. These colours never change operational maps. */
.tc-public-demo-map {
  --demo-land:#e9eeeb; --demo-block:#dce4df; --demo-block-edge:#c8d3cc;
  --demo-roof:#d0dad3; --demo-road-edge:#c6d0ca; --demo-road:#fafbf9;
  --demo-park:#c4dcc5; --demo-water:#b3d6df; --demo-shore:#d7e7e5;
  --demo-route:#3974c8; --demo-route-halo:#a9c9f4;
  --demo-green:#177456; --demo-green-soft:#b6dac9; --demo-ring:#ffffff;
  overflow:hidden; background:var(--demo-land); isolation:isolate;
}
:root[data-theme="dark"] .tc-public-demo-map {
  --demo-land:#192320; --demo-block:#222f29; --demo-block-edge:#304139;
  --demo-roof:#2a3932; --demo-road-edge:#0f1915; --demo-road:#3c4c44;
  --demo-park:#263f30; --demo-water:#1b3946; --demo-shore:#284b50;
  --demo-route:#70aaff; --demo-route-halo:#2b5076;
  --demo-green:#69d4a7; --demo-green-soft:#284c3d; --demo-ring:#f3faf7;
}
.tc-demo-cartography{display:block;width:100%;height:100%}
.tc-demo-land{fill:var(--demo-land)}
.tc-demo-block{fill:var(--demo-block);stroke:var(--demo-block-edge);stroke-width:1}
.tc-demo-roof{fill:none;stroke:var(--demo-roof);stroke-width:1.2}
.tc-demo-park{fill:var(--demo-park);stroke:var(--demo-block-edge);stroke-width:1}
.tc-demo-water{fill:var(--demo-water)}
.tc-demo-water-edge{fill:var(--demo-shore)}
.tc-demo-streets{stroke:var(--demo-road-edge);stroke-width:17}
.tc-demo-street-centres{stroke:var(--demo-road);stroke-width:12}
.tc-demo-route-halo{stroke:var(--demo-route-halo);stroke-width:12;opacity:.75}
.tc-demo-route{stroke:var(--demo-route);stroke-width:5}
.tc-demo-avatar-halo{fill:var(--demo-route-halo);fill-opacity:.35;stroke:var(--demo-route);stroke-opacity:.2}
.tc-demo-avatar-ring{fill:var(--demo-ring);stroke:var(--demo-route);stroke-width:2.5}
.tc-demo-destination-halo{fill:var(--demo-green-soft);fill-opacity:.7}
.tc-demo-destination{fill:var(--demo-green);stroke:var(--demo-ring);stroke-width:3}
.tc-demo-building{fill:none;stroke:var(--demo-ring);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
:root[data-theme="dark"] .tc-demo-building{stroke:#152e23}
@media(max-width:600px){.tc-demo-cartography{object-fit:cover}}