@import url(https://api.mapbox.com/mapbox-gl-js/v1.8.1/mapbox-gl.css);.geocoder{position:absolute;z-index:1;width:50%;left:50%;margin-left:-25%;top:10px}.mapboxgl-ctrl-geocoder{min-width:100%}#map{width:65%;height:70%;position:absolute}.mappopups{width:800px}.mapboxgl-popup mapboxgl-popup-anchor-bottom{max-width:500px}.timedisplay{height:30px;width:175px;right:0;left:0;margin-right:60%;margin-left:auto;margin-top:10px;position:absolute}#loader{position:absolute;left:20%;top:26%;z-index:1;width:50px;height:50px;margin:-76px 0 0 -76px;border:5px solid #d7d2d2;border-radius:50%;border-top:5px solid #3498db;-webkit-animation:spin 2s linear infinite;animation:spin 2s linear infinite}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.animate-bottom{position:relative;-webkit-animation-name:animatebottom;-webkit-animation-duration:1s;animation-name:animatebottom;animation-duration:1s}@-webkit-keyframes animatebottom{0%{bottom:-100px;opacity:0}to{bottom:0;opacity:1}}@keyframes animatebottom{0%{bottom:-100px;opacity:0}to{bottom:0;opacity:1}}