.sf-idf-map.sf-idf-map{--map-ink:#233e51;--map-selected:#23475d;--map-fill:#dce4e5;--map-hover:#b0c9d1;--map-paper:#fffdf8;--map-frame:#c6d4d8;display:block;box-sizing:border-box;width:100%;max-width:460px;min-width:0;margin:16px auto;padding:16px;border:1px solid var(--map-frame);border-radius:8px;background:var(--map-paper);color:var(--map-ink)}.sf-idf-map[data-family=roofing]{--map-ink:#344451;--map-selected:#a45135;--map-fill:#dedbd3;--map-hover:#cfa58e;--map-paper:#faf7f1;--map-frame:#d8cabb}.sf-idf-map[data-family=drainage]{--map-ink:#544335;--map-selected:#98502d;--map-fill:#ded6c6;--map-hover:#cdaa84;--map-paper:#fffcf7;--map-frame:#d9c6ae}.sf-idf-map.sf-idf-map>svg{display:block;width:100%;height:auto;max-width:none;max-height:300px;overflow:visible}.sf-idf-map .sf-idf-shape{outline:none;cursor:pointer}.sf-idf-map .sf-idf-shape path{fill:var(--map-fill);stroke:var(--map-paper);stroke-width:1.5;stroke-linejoin:round;vector-effect:non-scaling-stroke;transition:fill .15s}.sf-idf-map .sf-idf-shape text{font:700 5px Arial,sans-serif;text-anchor:middle;fill:var(--map-ink);pointer-events:none}.sf-idf-map .sf-idf-shape .sf-idf-small{font-size:3.1px}.sf-idf-map .sf-idf-shape:hover path{fill:var(--map-hover)}.sf-idf-map .sf-idf-shape.is-selected path{fill:var(--map-selected)}.sf-idf-map .sf-idf-shape.is-selected text{fill:white}.sf-idf-map .sf-idf-shape:focus-visible path{fill:var(--map-selected);stroke:var(--map-ink);stroke-width:3}.sf-idf-map .sf-idf-shape:focus-visible text{fill:white}.sf-idf-map.sf-idf-map figcaption{display:block;padding:12px 0 0;font:13px/1.5 Arial,sans-serif;color:var(--map-ink)}.sf-idf-map.sf-idf-map label{display:block;margin-bottom:6px;font-size:13px;color:var(--map-ink)}.sf-idf-map.sf-idf-map select{box-sizing:border-box;width:100%;max-width:100%;min-height:44px;margin:0;padding:9px;border:1px solid var(--map-frame);border-radius:5px;background:white;color:var(--map-ink);font:inherit}.sf-idf-map.sf-idf-map .sf-idf-selection{font:13px/1.5 Arial,sans-serif;color:var(--map-ink);margin:10px 0 2px}.sf-idf-map.sf-idf-map .sf-idf-quote{display:inline-flex;align-items:center;justify-content:space-between;box-sizing:border-box;gap:12px;min-height:44px;width:100%;padding:8px 0;font:600 13px/1.5 Arial,sans-serif;color:var(--map-selected);text-decoration:underline;text-underline-offset:3px;border:0;background:transparent}.sf-idf-map.sf-idf-map small{display:block;font:10px/1.5 Arial,sans-serif;color:var(--map-ink)}.sf-idf-map.sf-idf-map :is(select,.sf-idf-quote):focus-visible{outline:3px solid var(--map-selected);outline-offset:3px}.pbx-site .pbx-sketch-zone-desktop>.sf-idf-map{align-self:start;margin:0;max-width:none}.pbx-site .pbx-sketch-zone-mobile>.sf-idf-map{margin-top:12px}.service-site.drainage-site.ss-business.ds-app.ds-exact .dsx-map-list>.sf-idf-map{margin:0;padding:12px}.service-site.drainage-site.ss-business.ds-app.ds-exact .dsx-map-list{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr)}.roof-home-context .sf-idf-map{margin-inline:0}@media (max-width:600px){.sf-idf-map.sf-idf-map{padding:12px}.sf-idf-map.sf-idf-map>svg{max-height:250px}.service-site.drainage-site.ss-business.ds-app.ds-exact .dsx-map-list{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.sf-idf-map .sf-idf-shape path{transition:none}}@media (forced-colors:active){.sf-idf-map .sf-idf-shape path{fill:Canvas;stroke:CanvasText}.sf-idf-map .sf-idf-shape text{fill:CanvasText}.sf-idf-map .sf-idf-shape.is-selected path{fill:Highlight}.sf-idf-map .sf-idf-shape.is-selected text{fill:HighlightText}}