/* yardmap: zoom, pan and clickable yard dots on the drawn Gulf Coast map (search.html, company.html) */
.mapcard.ym svg.map{cursor:grab;touch-action:pan-y;-webkit-user-select:none;user-select:none}
.mapcard.ym.ym-zoomed svg.map{touch-action:none}
.mapcard.ym.ym-drag svg.map{cursor:grabbing}
.map .ym-pt{cursor:pointer;outline:none}
.map .ym-pt .ym-hit{fill:transparent;stroke:none}
.map .ym-pt .ym-dot{fill:var(--green-night);filter:url(#gl);transition:fill .15s}
.map .ym-pt .ym-n{font-family:var(--sans);font-weight:700;fill:#0E1A13;text-anchor:middle;dominant-baseline:central;pointer-events:none}
.map .ym-pt.ym-many .ym-dot{fill:#2E9A60;stroke:rgba(54,178,111,.55);vector-effect:non-scaling-stroke}
.map .ym-pt.ym-many .ym-n{fill:#fff}
.map .ym-pt.hot .ym-dot{fill:#BFF0D4}
.map .ym-pt.on .ym-dot{fill:#fff;stroke:var(--green-night);vector-effect:non-scaling-stroke}
.map .ym-pt.on .ym-n,.map .ym-pt.hot .ym-n{fill:#0E1A13}
.map .ym-pt:focus-visible .ym-dot{stroke:#fff;stroke-width:2;vector-effect:non-scaling-stroke}
.ym-ctl{position:absolute;top:10px;right:10px;z-index:2;display:flex;flex-direction:column;border-radius:12px;overflow:hidden;
  background:rgba(26,29,33,.82);border:1px solid rgba(232,237,242,.18);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.ym-ctl button{width:36px;height:36px;border:0;background:transparent;color:#E8EDF2;font:500 20px/1 var(--sans);cursor:pointer;display:grid;place-items:center;padding:0}
.ym-ctl button+button{border-top:1px solid rgba(232,237,242,.14)}
.ym-ctl button:hover{background:rgba(232,237,242,.10)}
.ym-ctl button:disabled{color:rgba(232,237,242,.35);cursor:default;background:transparent}
.ym-ctl .ym-fit{font-size:11px;font-weight:600;letter-spacing:.04em}
.ym-hint{position:absolute;left:10px;top:10px;z-index:2;font-size:12px;color:#AEB9C3;background:rgba(26,29,33,.72);padding:4px 9px;border-radius:999px;pointer-events:none;transition:opacity .4s}
.mapcard.ym-used .ym-hint{opacity:0}
@media (pointer:coarse){ .ym-ctl button{width:42px;height:42px} }