body{font-family:Source Sans\ 3,Segoe UI,Roboto,Oxygen,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fff}#page{align-items:center;background:#fff;display:flex;inset:0;justify-content:center;position:fixed}#background{align-items:center;aspect-ratio:3000/2234;background:#fff;display:flex;flex-grow:1;justify-content:center;max-height:100%;max-width:100%;#image_bounds{aspect-ratio:3000/2234;position:relative}#image_bounds,img{max-height:100%;max-width:100%}img{box-sizing:border-box;margin:auto;object-fit:scale-down}.poi{position:absolute;translate:-50% -82.5%;z-index:2}.poi>svg{fill:#eaf6ef}.poi>svg[category=recreation]{fill:#a1aab2}.poi>svg[category=cabin]{fill:#b9d982}.poi>svg[category=meeting]{fill:#0bbecf}.poi:hover{z-index:4}.poi:before{background-color:#0002;border-radius:50%;content:"";display:block;filter:blur(1px);height:7px;position:absolute;right:50%;top:100%;translate:50% -50%;width:15px}.info{background-color:#fff;box-shadow:0 0 4px 0 #0008;left:50%;max-height:50vh;opacity:0;overflow-y:auto;padding-left:1rem;pointer-events:none;position:absolute;transition:opacity .25s,translate 10ms ease-in-out;translate:-50% 0;width:18rem;>div{margin:1rem 1rem 1rem 0}h2{margin-bottom:0}h2,p{margin-top:0}}.poi:hover .info{opacity:1;pointer-events:all;transition:opacity .25s,translate 1s ease-in-out .25s}}#legend{--s:0.667;--t:calc((1 - var(--s))*-50% + 4px);background:#fff;border-radius:4px;bottom:0;display:grid;grid-template:"a0 a0" "b1 b2" "c1 c2" "d1 d2" "e1 e2";left:0;opacity:.75;padding:8px;position:absolute;scale:var(--s);transition-duration:.5s;translate:var(--t) calc(var(--t)*-1);z-index:1;grid-row-gap:4px;row-gap:4px;>h3{grid-area:a0}>h3,>p{margin:0}>div{aspect-ratio:1;border:1px solid #000;border-radius:8px;margin-right:4px;text-align:center}#first-aid{background:conic-gradient(red 0 0) no-repeat 50%/4px calc(100% - 8px),conic-gradient(red 0 0) no-repeat 50%/calc(100% - 8px) 4px}}#legend:hover{opacity:1;z-index:4;--s:1}@media only screen and (max-width:512px){#legend{--s:0.5}.poi{scale:.75}}