@import url(https://fonts.googleapis.com/css2?family=Lato:wght@400;700&display=swap);body{height:100%;width:100%}body,html{margin:0;padding:0}body,html{height:100vh;overflow:hidden}.navbar{left:0;position:fixed!important;right:0;top:0;z-index:1000}#map_loading{align-items:center;display:flex;justify-content:center;line-height:100%}#map-container,#map_loading{top:86px}#map-container,#map-container #map,#map_loading{bottom:0;height:auto;left:0;position:absolute;right:0;transition:left "0.35s" linear}#map-container #map{top:0}#map-container #map.active{width:75%}#map-container #map .school-marker{align-items:center;background:transparent;border-radius:20px;cursor:pointer;display:flex;height:40px;justify-content:center;padding:0;position:absolute;transition:width .3s ease,background-color .3s ease,border-radius .3s ease,padding .3s ease;width:40px;z-index:1000}#map-container #map .school-marker.expanded{background:#81c784;padding:0 20px 0 0;width:fit-content;z-index:10000}#map-container #map .school-marker.expanded .school-name{display:inline}#map-container #map .school-marker.expanded .icon-container{border:1px solid #81c784}#map-container #map .school-marker .school-icon{fill:#fff}#map-container #map .school-marker .school-name{color:#fff;display:none;font-size:14px;margin-left:10px;white-space:nowrap}#map-container #map .school-marker .icon-container{align-items:center;background:#fff;border:1px solid #2b7fd6;border-radius:50%;display:flex;flex-shrink:0;height:40px;justify-content:center;transition:background-color .3s ease,border-radius .3s ease;width:40px}#map-container #map .school-marker .icon-container.group{border-style:dashed;border-width:2px}#map-container #map .school-marker .group-count{align-items:center;background:#fff;border:1px solid #000;border-radius:50%;color:#000;display:flex;font-size:12px;font-weight:700;height:20px;justify-content:center;left:-10px;position:absolute;text-align:center;top:-10px;width:20px}#map-container #selection{background:#fff;border-left:1px solid #ccc;height:100%;max-width:500px;min-width:0;overflow-y:scroll;position:absolute;right:0;transition:width "0.35s" cubic-bezier(.175,.885,.32,1.275);width:0;z-index:1000}#map-container #selection h1,#map-container #selection h2,#map-container #selection h3,#map-container #selection h4,#map-container #selection h5,#map-container #selection h6{font-family:Lato,sans-serif}#map-container #selection{font-family:sans-serif}#map-container #selection.active{min-width:200px;right:0;width:25%}#map-container #selection #data{padding:20px}.map-label{color:blue;max-width:150px;padding:5px;text-shadow:-1px -1px 0 #fff,1px -1px 0 #fff,-1px 1px 0 #fff,1px 1px 0 #fff;word-wrap:break-word;font-size:16px;text-align:center}