.service-area-map{--color-zone:#e8590c;--ease-out:cubic-bezier(.2, .8, .2, 1);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg);width:100%;height:auto;display:block}.service-area-map__grid{fill:none;stroke:var(--color-grid-hover);stroke-width:.6px}.service-area-map__surroundings{fill:none;stroke:color-mix(in srgb, var(--color-text) 22%, var(--color-bg));stroke-width:.7px;stroke-linejoin:round;stroke-linecap:round}.service-area-map__border{fill:color-mix(in srgb, var(--color-primary) 10%, transparent);stroke:var(--color-primary);stroke-width:1.4px;stroke-linejoin:round}.service-area-map__disc{fill:color-mix(in srgb, var(--color-zone) 10%, transparent);stroke:var(--color-zone);stroke-width:1.5px;stroke-dasharray:5 4}.service-area-map__radius{stroke:var(--color-zone);stroke-width:1.2px;stroke-dasharray:2 3}.service-area-map__town circle{fill:var(--color-text-muted)}.service-area-map__label{fill:var(--color-text-muted);font-size:10px;font-weight:var(--fw-medium);paint-order:stroke;stroke:var(--color-bg);stroke-width:3px;stroke-linejoin:round}.service-area-map__label--radius{fill:var(--color-zone);font-weight:var(--fw-semibold)}.service-area-map__label--center{fill:var(--color-text);font-size:13px;font-weight:var(--fw-semibold)}.service-area-map__pin{fill:var(--color-primary);stroke:var(--color-surface);stroke-width:2px}.service-area-map__halo{fill:color-mix(in srgb, var(--color-primary) 18%, transparent)}@media (prefers-reduced-motion:no-preference){.service-area-map__zone{transition:opacity .5s var(--ease-out), transform .7s var(--ease-out)}.service-area-map:not(.is-visible) .service-area-map__zone{opacity:0;transform:scale(.6)}}