.ss-map{min-width:0}
.ss-map-toolbar,.ss-map-list{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:16px 0}
.ss-map-toolbar output{min-width:4em;text-align:center}
.ss-map button{min-width:44px;min-height:44px;font:inherit;cursor:pointer}
.ss-map-toolbar button,.ss-map-list button{width:auto}
.ss-map-toolbar label{display:flex;align-items:center;gap:10px}
.ss-map-toolbar input[type=checkbox]{width:24px;min-height:24px;accent-color:var(--ink)}
.ss-map button:disabled{opacity:.45;cursor:default}
.ss-map input[type=range]{width:100%;min-height:44px;accent-color:var(--ink)}
.ss-map-viewport{overflow:auto;max-width:100%;max-height:65vh;border:1px solid var(--line);background:var(--paper);cursor:grab;overscroll-behavior:contain}
.ss-map-viewport:active{cursor:grabbing}
.ss-map-stage{position:relative;width:100%;min-width:100%;aspect-ratio:16/9}
.ss-map-stage>img{display:block;width:100%;height:100%;max-width:none;user-select:none}
.ss-map-pin{position:absolute;transform:translate(-50%,-50%);width:44px;height:44px;padding:0;border:0;background:transparent;color:var(--ink);display:grid;place-items:center}
.ss-map-pin span{display:grid;place-items:center;border-radius:50%;width:28px;height:28px;background:var(--paper);border:2px solid var(--ink);font-weight:700;box-shadow:0 1px 5px #0008}
.ss-map-pin[aria-pressed=true] span{background:var(--ink);color:var(--paper);outline:2px solid var(--paper)}
.ss-map-list button[aria-pressed=true]{outline:2px solid var(--ink);outline-offset:2px}
.ss-map-info{margin-block:20px}
.ss-map :focus-visible{outline:3px solid var(--ink);outline-offset:3px}
.ss-map [hidden]{display:none!important}
@media(max-width:600px){.ss-map-toolbar button{flex:1 1 auto}.ss-map-list button{flex:1 1 120px}}
