.districtmap{display:flex;flex-direction:column;gap:1.25rem}.districtmap-title{margin:0;padding:0;text-align:center}.districtmap-subtitle{margin:0;padding:0;text-align:center;text-wrap:balance}.districtmap-stage{position:relative;width:100%;margin-inline:auto}.districtmap-stage>svg{display:block;width:100%;height:auto;overflow:hidden;touch-action:pan-y}.districtmap-districts path{fill:#faf7f0;stroke:#fff;stroke-width:.5;transition:fill-opacity 0.2s ease}.districtmap-districts path:hover,.districtmap-districts path:focus-visible{fill-opacity:.75}.districtmap-districts path:focus-visible{outline:none;stroke:#393e42;stroke-width:1.5}.districtmap-zoomed{cursor:grab}.districtmap-borders path{stroke:#fff;stroke-width:1.25;pointer-events:none}.districtmap-controls{display:none;position:absolute;top:.5rem;inset-inline-end:.5rem;flex-direction:column;gap:.25rem}.districtmap-ready .districtmap-controls{display:flex}.districtmap-control{background:#fff;border:0;border-radius:999rem;color:#393e42;cursor:pointer;display:grid;height:2.5rem;width:2.5rem;padding:0;place-items:center;box-shadow:0 0 0 1px rgb(128 117 103 / .05);transition:box-shadow 0.2s ease-in-out,background-color 0.2s ease-in-out}.districtmap-control svg{width:1.25rem;height:1.25rem}.districtmap-control:hover,.districtmap-control:focus-visible{background:#f6f1e6;box-shadow:0 0 0 1px rgb(128 117 103 / .05),0 1px 1px rgb(57 62 66 / .05),0 2px 2px rgb(57 62 66 / .05)}.districtmap-tooltip{position:absolute;z-index:3;translate:-50% calc(-100% - 0.5rem);padding:.375rem .625rem;background-color:#393e42;border-radius:.25rem;box-shadow:0 1px 1px rgb(57 62 66 / .05),0 2px 2px rgb(57 62 66 / .05);color:#fff;font-size:.875rem;line-height:1.4;white-space:nowrap;text-align:center;opacity:0;visibility:hidden;pointer-events:none;transition:opacity 0.15s ease,visibility 0.15s}.districtmap-tooltip-visible{opacity:1;visibility:visible}@media (prefers-reduced-motion:reduce){.districtmap-districts path,.districtmap-tooltip{transition-duration:0.01s}}