maps-detail,maps-index{display:block}maps-detail .max-width,maps-index .max-width{margin:0 auto;padding-block:var(--space-4) var(--space-12);padding-inline:1em;box-sizing:border-box}maps-detail h1,maps-index h1{font-size:1.8em;font-weight:700;margin:.5em 0}maps-detail h2,maps-index h2{font-size:1.25em;font-weight:700;line-height:1.3;color:var(--font-color);margin:0 0 .75em}maps-index .standfirst{font-size:.9375em;line-height:1.6;color:var(--color-secondary-font);margin:0 0 2em;max-width:44em}maps-index .standfirst a{color:var(--link-color)}maps-index .map-category{margin-block-end:var(--space-12)}maps-index .map-category:last-child{margin-block-end:0}maps-detail .map-cards,maps-index .map-cards{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));column-gap:24px;row-gap:var(--space-6)}maps-detail .map-card,maps-index .map-card{display:flex;background-color:var(--color-box-bg);border:1px solid var(--color-box-border);border-radius:.5em;overflow:hidden}maps-detail .map-card.current{border-color:var(--wu-lightblue);box-shadow:0 0 0 1px var(--wu-lightblue)}maps-detail .map-card>a,maps-index .map-card>a{display:flex;flex-direction:column;width:100%;color:inherit}maps-detail .thumbnail,maps-index .thumbnail{display:block;aspect-ratio:3/2;background-color:var(--color-box-alternate-bg);overflow:hidden}maps-detail .thumbnail img,maps-index .thumbnail img{display:block;width:100%;height:100%;object-fit:contain}maps-detail .map-card .text,maps-index .map-card .text{padding-block:var(--space-4);padding-inline:var(--space-4)}maps-detail .map-card h3,maps-index .map-card h3{font-size:1.0625em;font-weight:700;line-height:1.35;color:var(--font-color);margin:0}maps-detail .map-card.current h3,maps-detail .map-card>a:hover h3,maps-index .map-card>a:hover h3{color:var(--map-card-highlight-color)}maps-detail .map-card p,maps-index .map-card p{font-size:.875em;line-height:1.5;color:var(--color-secondary-font);margin:.5em 0 0}maps-detail .breadcrumbs{font-size:.875em;color:var(--color-secondary-font);margin-block:var(--space-2) 0}maps-detail .breadcrumbs a{color:var(--link-color)}maps-detail .breadcrumbs .separator{margin-inline:0.375em}maps-detail h1{margin:.25em 0 .5em}maps-detail .region-picker{display:flex;flex-wrap:wrap;align-items:center;column-gap:12px;row-gap:var(--space-2);margin-block-end:var(--space-4)}maps-detail .region-picker label{font-size:.9375em;font-weight:600}maps-detail .region-select{font-size:.9375em;font-family:inherit;color:var(--font-color);background-color:var(--input-bg-color);border:1px solid var(--input-border-color);border-radius:3px;padding:.5em;min-width:240px;max-width:100%}maps-detail .about{max-width:48em;margin-block:var(--space-8) var(--space-12)}maps-detail .about p{font-size:.9375em;line-height:1.6;color:var(--font-color);margin:0 0 1em}maps-detail .about a{color:var(--link-color)}maps-detail .all-maps{text-align:center;margin-block:var(--space-6) 0}maps-detail .all-maps a.button{display:inline-block;padding-inline:1.5em}static-map-player{display:block}static-map-player .stage{position:relative;width:fit-content;max-width:100%;margin-inline:auto;background-color:var(--map-bg-color);border:1px solid var(--map-border-color);border-radius:.25em;overflow:hidden}static-map-player .frame{display:block;max-width:100%;height:auto}static-map-player .hotspots{display:none;position:absolute;inset:0;width:100%;height:100%}static-map-player.hotspots-ready .hotspots{display:block}static-map-player .hotspots a{cursor:pointer;outline:0}static-map-player .hotspots circle,static-map-player .hotspots polygon,static-map-player .hotspots rect{fill:transparent;stroke:transparent;stroke-width:2;vector-effect:non-scaling-stroke;transition:fill .15s ease}static-map-player .hotspots a:hover circle,static-map-player .hotspots a:hover polygon,static-map-player .hotspots a:hover rect{fill:rgba(var(--wu-white-raw),0.25);stroke:var(--wu-white)}static-map-player .hotspots a:focus-visible circle,static-map-player .hotspots a:focus-visible polygon,static-map-player .hotspots a:focus-visible rect{fill:rgba(var(--wu-white-raw),0.25);stroke:var(--focus-ring-color);stroke-width:3}static-map-player .unavailable{margin:0;padding-block:var(--space-12);padding-inline:1em;text-align:center;font-size:.9375em;line-height:1.6;color:var(--color-secondary-font);background-color:var(--color-box-alternate-bg);border-radius:.5em}static-map-player.is-unavailable .controls,static-map-player.is-unavailable .stage,static-map-player.no-animation .controls{display:none}static-map-player .controls{display:flex;align-items:center;column-gap:12px;box-sizing:border-box;width:min(32em,100%);margin-inline:auto;margin-block:var(--space-3) 0;padding-block:var(--space-2);padding-inline:12px;background-color:var(--color-box-bg);border:1px solid var(--color-box-border);border-radius:2em}static-map-player .play{flex:0 0 auto;width:2.25em;height:2.25em;padding:0;border:none;border-radius:50%;cursor:pointer;background-color:transparent;background-repeat:no-repeat;background-position:center;background-size:2.25em;background-image:var(--icon-play-circle);transition:opacity .2s ease}static-map-player.playing .play{background-image:var(--icon-pause-circle)}static-map-player .play:hover{opacity:.75}static-map-player .play:focus-visible{outline:2px solid var(--focus-ring-color);outline-offset:2px}static-map-player.loading .play{opacity:.5;cursor:progress}static-map-player .scrubber{flex:1 1 auto;min-width:0;margin:0;accent-color:var(--wu-lightblue);cursor:pointer}static-map-player .scrubber:disabled{cursor:default;opacity:.5}static-map-player .counter{flex:0 0 auto;font-size:.8125em;color:var(--color-secondary-font);font-variant-numeric:tabular-nums;white-space:nowrap}@media (max-width:640px){maps-detail .max-width,maps-index .max-width{padding-block:var(--space-2) var(--space-8);padding-inline:1em}maps-detail h1,maps-index h1{font-size:1.5em}maps-detail .map-cards,maps-index .map-cards{grid-template-columns:minmax(0,1fr)}maps-detail .map-card>a,maps-index .map-card>a{flex-direction:row;align-items:stretch}maps-detail .thumbnail,maps-index .thumbnail{flex:0 0 120px;aspect-ratio:auto}maps-detail .thumbnail img,maps-index .thumbnail img{object-fit:cover}maps-detail .map-card .text,maps-index .map-card .text{flex:1 1 auto}maps-detail .region-select{flex:1 1 auto;min-width:0}}