global.css

*, ::before, ::after {
  box-sizing: border-box;
}

html,
body {
  height: 100%;
}

body {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji';
  margin: 0;
  line-height: 1.5;
}

body > mapml-viewer:only-child,
body > [is="web-map"]:only-child {
  position: fixed;
}


/*
 * map viewers
 */
mapml-viewer:defined,
[is="web-map"]:defined {
  height: 100%;
  max-width: 100%;
  width: 100%;
  vertical-align: middle;
}

/* Pre-style to avoid FOUC of inline map-layer and fallback content. */
mapml-viewer:not(:defined) > * {
  display: none;
}
[is="web-map"]:not(:defined) + img[usemap],
[is="web-map"]:not(:defined) > :not(area):not(.mapml-web-map) {
  display: none;
}
/* Ensure inline layer content is hidden if custom/built-in elements isn't
supported, or if javascript is disabled. This needs to be defined separately
from the above, because the `:not(:defined)` selector invalidates the entire
declaration in browsers that do not support it. */
map-layer {
 display: none;
}