.map-stage { position: relative; width: 100%; height: 100%; min-width: 0; min-height: 0; background: #e7eee8; }
.map-stage > [data-controller~="front-map"] { width: 100%; height: 100%; }
.map-stage .leaflet-container { width: 100%; height: 100%; background: #e8efe9; font-family: inherit; }

.map-stage .map-watercourse { stroke: #4169e1; stroke-width: 3; stroke-opacity: .9; }
.map-stage .map-watercourse:not([fill="none"]) { fill: #4169e1; }
.map-stage .map-watercourse.is-dimmed { stroke-opacity: .5; }
.map-stage .map-watercourse.is-nearby { stroke-opacity: .95; }
.map-stage .map-watercourse.is-hovered { stroke: #104f54; stroke-width: 5; stroke-opacity: 1; }
.map-stage .map-watercourse.is-hovered:not([fill="none"]) { fill: #104f54; }
.map-stage .map-watercourse-outline { stroke: #122b2e; stroke-width: 12; stroke-opacity: 1; }
.map-stage .map-watercourse-outline:not([fill="none"]) { fill: #122b2e; }
.map-stage .map-watercourse-selected { stroke: #ffdb4d; stroke-width: 6; stroke-opacity: 1; }
.map-stage .map-watercourse-selected:not([fill="none"]) { fill: #ffdb4d; }
.map-stage .map-regulation { stroke: #d46a34; stroke-width: 6; stroke-opacity: .9; }
.map-stage .map-regulation:not([fill="none"]) { fill: #d46a34; }
.map-stage .map-regulation.is-dimmed { stroke-opacity: .08; }
.map-stage .map-regulation.is-nearby { stroke-opacity: .95; }
.map-stage .map-pond { stroke: #397d96; stroke-width: 1.5; fill-opacity: .35; }
.map-stage .map-pond:not([fill="none"]) { fill: #c8e6ed; }
.map-stage .map-aappma-territory { stroke: #8b6c9c; stroke-width: 1.5; stroke-opacity: .75; fill-opacity: .08; }
.map-stage .map-aappma-territory:not([fill="none"]) { fill: #b9a5c5; }
.map-stage .map-search-radius { stroke: #c66b35; stroke-width: 2; fill: #c66b35; fill-opacity: .06; }
.map-stage .map-search-accuracy { stroke: #9f4829; stroke-width: 1; stroke-dasharray: 3 4; fill: #9f4829; fill-opacity: .12; }
.map-stage .map-search-marker { stroke: #9f4829; stroke-width: 3; fill: #fff; fill-opacity: 1; }