.page{--location-info-height: 250px;--location-info-padding: .5em}.page{height:100vh;width:100%}.map-container{height:100vh;width:100vw;display:flex;flex-direction:column}.map{flex:1 1 0;min-height:0}.map .marker{background:#000;color:#fff}.location-info{flex:0 0 var(--location-info-height);height:var(--location-info-height);display:flex;flex-direction:column}@media(prefers-color-scheme:dark){.location-info{background:#000;color:#fff}}.location-info>.body{flex:1 1 0;min-height:0;display:flex;flex-direction:row;gap:.5em}.location-info>.body>.col1{flex:1 1 0;min-height:0;padding:var(--location-info-padding);display:flex;flex-direction:column;gap:.5em}.location-info>.body>.col1>.title{flex:0 0 auto;min-height:0}.location-info>.body>.col1>.title>a{display:flex;flex-direction:row;align-items:center;gap:.4em;color:inherit;font-size:1.2em;text-decoration:none;border-bottom:1px solid gray}@media(prefers-color-scheme:dark){.location-info>.body>.col1>.title>a{border-bottom-color:#d3d3d3}}.location-info>.body>.col1>.title>a>img{width:1em;height:1em}.location-info>.body>.col1>.title>a>.name{font-weight:700;white-space:pre-wrap}.location-info>.body>.col1>.description{flex:1 1 0;min-height:0;overflow-y:auto}.location-info>.body>.col1>.description>.address{font-style:italic;white-space:pre-wrap}.location-info>.body>.col2{flex:0 0 auto}.location-info>.body>.col2>img{height:var(--location-info-height)}.location-marker{display:flex;flex-direction:column;align-items:center}.location-name{background-color:#fff;border:1px solid #ccc;border-radius:8px;box-shadow:0 2px 4px #0003;color:#000;font-size:14px;font-weight:700;padding:4px 8px;transform:translateY(-100%);position:absolute;white-space:pre}.location-icon{padding:8px;border-radius:50%;background:#fff;display:grid;place-items:center;box-shadow:0 1px 3px #0000001f,0 1px 2px #0000003d}.location-marker.selected .location-icon{transform:scale(1.2);box-shadow:0 3px 6px #00000029,0 3px 6px #0000003b}.location-marker.selected .location-name{transform:translateY(-120%) scale(1.1)}.restaurant .location-icon{background:#f44336;color:#fff}.tea .location-icon{background:#8d6e63;color:#fff}.food-shop .location-icon{background:#2196f3;color:#fff}.architecture .location-icon{background:#9e9e9e;color:#fff}.location-marker.selected{z-index:1}.location-marker.selected .location-icon{transform:scale(1.2);border:2px solid #000;box-shadow:0 4px 8px #0000004d}.location-marker.selected .location-name{background-color:#000;color:#fff;border-color:#000}html{overflow:hidden}@media(prefers-color-scheme:dark){html{background:#000}}body{margin:0;padding:0}