html,body{width:100%;height:100%;min-height:100dvh;margin:0;padding:0;overflow:hidden}@supports (-webkit-touch-callout:none){html,body{min-height:-webkit-fill-available}}body{background:var(--color-background);color:var(--color-text-primary);font-family:inherit}.table{width:100%;height:100dvh;display:flex}.table>main{flex:3 1 0;min-width:0;padding:20px}#external-tools-column{background:var(--color-background-secondary);box-sizing:border-box;flex-direction:column;flex:0 0 294px;min-width:0;height:100%;padding:20px;display:flex;overflow:hidden}#external-tools-column h2,#external-tools-column p{flex-shrink:0;margin:0 0 .25rem}#external-tools-scroll{flex:1 1 0;min-height:0;overflow-y:auto}@media (orientation:portrait){.table{flex-direction:column}.table>main{flex:3 1 0;min-height:0}.table webmapx-map{height:100%}#external-tools-column{flex:1 1 0;min-height:0}}#external-tools-scroll>*{background:var(--color-background);border:1px solid var(--color-border);box-sizing:border-box;--webmapx-tool-padding:.5rem;border-radius:4px;margin-bottom:2px;padding:.5rem;display:block}webmapx-map{border:1px solid var(--color-border);background:var(--color-background-secondary);width:100%;height:calc(100dvh - 40px);display:block;position:relative;overflow:hidden}@media (width<=900px),(any-pointer:coarse),(hover:none) and (pointer:coarse){html,body{-webkit-overflow-scrolling:touch;height:auto;min-height:100%;overflow:hidden auto}.table{height:auto;min-height:100vh}@supports (height:100lvh){.table{min-height:100lvh}}}@media (orientation:landscape) and (width<=900px),(orientation:landscape) and (any-pointer:coarse),(orientation:landscape) and (hover:none) and (pointer:coarse){#external-tools-column{height:calc(100vh - 40px);min-height:0}#external-tools-scroll{flex:auto;min-height:0;overflow-y:auto}@supports (height:100dvh){#external-tools-column{height:calc(100dvh - 40px)}}}