.map{margin:0;padding:0;height:100vh;width:100%}.toolbar{height:2em;padding:.2em;position:absolute;z-index:999}.toolbar .ol-control{position:static;display:inline-block;padding:0}.toolbar .ol-control{background-color:#fff0}.toolbar .ol-control button{border-radius:2px;width:2em;background-color:rgb(219 63 63 / .5);display:inline-block}.ol-touch .toolbar .ol-control button{background-color:rgb(219 63 63 / .5)}.ol-touch .toolbar .ol-control button:hover{background-color:rgb(219 63 63 / .5)}iframe.popup{height:360px;width:320px;border:0 solid #AAA}.button{position:absolute;bottom:40px;left:10px}.ol-zoom-in{width:38px;height:38px}.zoom-gps{top:75px;left:.5em;background-color:#fff}button.zoom-gps{background-color:#011e61}.ol-touch .zoom-gps{top:80px}.gps-dialog{display:none;position:absolute;top:20%;left:20%;width:50%;height:400px;background-color:#fff;padding:22px;border-radius:10px;border:1px solid #ccc;box-shadow:0 0 15px rgb(0 0 0 / .2)}.gps-dialog-head{margin-top:10px;font-weight:700}@media only screen and (orientation:portrait){.ol-touch .toolbar{height:2rem}.ol-touch .toolbar .ol-control{height:2rem}.ol-touch .toolbar .ol-control button{width:3rem;height:2rem}}@media only screen and (orientation:landscape){.ol-touch .toolbar{width:2rem}.ol-touch .toolbar .ol-control{display:block;width:2rem}.ol-touch .toolbar .ol-control button{height:3rem;width:2rem}}