/* Drawn map cards. Real OSM streets and buildings, colors from the page theme. */
:root, [data-theme="light"] {
  --m-ground: #ece8e0;
  --m-bld: #dfd9cd;
  --m-st: #fbfaf7;
  --m-st-major: #ffffff;
  --m-path: #d3ccbf;
  --m-park: #dfe6d3;
  --m-water: #d3e0e6;
  --m-label: #8a8478;
  --m-open: #f04a00;
  --m-closing: #e09a00;
  --m-closed: #aaa59c;
  --m-pin-ring: #ffffff;
  --m-you: #121212;
  --m-you-ring: #ffffff;
}
[data-theme="dark"] {
  --m-ground: #131315;
  --m-bld: #1d1d21;
  --m-st: #27272c;
  --m-st-major: #303036;
  --m-path: #2a2a2f;
  --m-park: #151d17;
  --m-water: #101a20;
  --m-label: #6d6962;
  --m-open: #ff5a1f;
  --m-closing: #ffb547;
  --m-closed: #5c5953;
  --m-pin-ring: #131315;
  --m-you: #f3f0e9;
  --m-you-ring: #131315;
}
.map .m-ground { fill: var(--m-ground); }
.map .m-park { fill: var(--m-park); }
.map .m-water { fill: var(--m-water); }
.map .m-st { fill: none; stroke: var(--m-st); stroke-linecap: round; stroke-linejoin: round; }
.map .m-major, .map .m-motorway, .map .m-secondary { stroke: var(--m-st-major); }
.map .m-path { stroke: var(--m-path); stroke-dasharray: 3 5; }
.map .m-bld { fill: var(--m-bld); }
.map .m-lit--open { fill: var(--m-open); }
.map .m-lit--closing { fill: var(--m-closing); }
.map .m-lit--closed { fill: var(--m-closed); }
[data-theme="dark"] .map .m-lit--open, [data-theme="dark"] .map .m-lit--closing { filter: url(#glow); }
.map .m-halo { opacity: .16; }
.map .m-halo--open { fill: var(--m-open); }
.map .m-halo--closing { fill: var(--m-closing); }
.map .m-halo--closed { fill: var(--m-closed); opacity: .1; }
.map .m-pin { stroke: var(--m-pin-ring); }
.map .m-pin--open { fill: var(--m-open); }
.map .m-pin--closing { fill: var(--m-closing); }
.map .m-pin--closed { fill: var(--m-closed); }
.map .m-route { fill: none; stroke: var(--m-open); stroke-linecap: round; stroke-linejoin: round; }
.map .m-you { fill: var(--m-you); stroke: var(--m-you-ring); }
.map .m-you-halo { fill: var(--m-you); opacity: .12; }
.map .m-label { fill: var(--m-label); font-family: var(--font); font-weight: 650; letter-spacing: .14em; }
.map .m-youlabel { fill: var(--m-you); font-family: var(--font); font-weight: 750; }
.map .m-dot { stroke: var(--m-pin-ring); }
.map .m-dot--open { fill: var(--m-open); }
.map .m-dot--closing { fill: var(--m-closing); }
.map .m-dot--closed { fill: var(--m-closed); }
.map .m-dotlabel { fill: var(--ink, #121212); font-family: var(--font); font-weight: 650; }