@charset "UTF-8";
/* Geographic overview. Natural Earth geometry and branch points are embedded in the SVG. */
.branch-network-map{position:relative;isolation:isolate;min-width:0;width:100%;align-self:center}
.branch-network-map:before{content:"";position:absolute;z-index:-1;inset:9% 6% 8% 14%;background:radial-gradient(ellipse,#b6dde43d,transparent 68%);pointer-events:none}
.branch-network-map__svg{display:block;width:100%;height:auto;overflow:visible;aspect-ratio:25/16}
.branch-network-map__state{stroke-width:1.15;transition:fill .25s ease}
.branch-network-map__location{--pin-delay:0s}
.branch-network-map__location:nth-child(3n){--pin-delay:-1.6s}
.branch-network-map__location:nth-child(3n + 1){--pin-delay:-3.2s}
.branch-network-map__pulse{transform-box:fill-box;transform-origin:center;animation:branch-network-pulse 5.4s ease-out infinite;animation-delay:var(--pin-delay,0s);animation-play-state:paused}
.branch-network-map__route{animation:branch-network-route 38s linear infinite;animation-play-state:paused}
.branch-network-map.is-animated:not(.is-paused) .branch-network-map__pulse,.branch-network-map.is-animated:not(.is-paused) .branch-network-map__route{animation-play-state:running}
.branch-network-map__labels{pointer-events:none}
.branch-network-map__truck{pointer-events:none;will-change:transform}
.branch-network-map__truck-direction{transform-box:view-box;transform-origin:0 0}
.motion-off .branch-network-map .branch-network-map__pulse,.motion-off .branch-network-map .branch-network-map__route{animation-play-state:paused!important}
@keyframes branch-network-pulse{0%,8%{transform:scale(.65);opacity:.45}67%,100%{transform:scale(2.05);opacity:0}}
@keyframes branch-network-route{to{stroke-dashoffset:-180}}
@media(prefers-reduced-motion:reduce){.branch-network-map .branch-network-map__pulse,.branch-network-map .branch-network-map__route{animation:none!important}.branch-network-map .branch-network-map__pulse{opacity:.17}.branch-network-map .branch-network-map__truck{display:none}}
@media(max-width:700px){.branch-network-map__labels{font-size:16px}.branch-network-map__sea{font-size:14px;letter-spacing:2px}.branch-network-map__note{font-size:12px}}
/* On phones this is an overview illustration; detailed labels remain in the directory/map. */
@media(max-width:600px){.branch-network-map__labels,.branch-network-map__sea,.branch-network-map__note,.branch-network-map__inset,.branch-network-map__inset-link{display:none}}