html,body{background-color:#0c0d0e;height:100%;margin:0;padding:0;overflow:hidden}body,input,button{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif}a{color:#4285f4;text-decoration:none}a:hover{text-decoration:underline}button{cursor:pointer;color:#4285f4;user-select:none;background-color:#fff;border:1px solid #4285f4;border-radius:5px;padding:10px;font-size:1em}button:active{color:#fff;background-color:#4285f4}*{box-sizing:border-box}header{cursor:pointer;user-select:none;z-index:1;padding:10px;position:absolute}header:active{opacity:.7}header h1{filter:drop-shadow(0 2px 4px #0003);margin:0;padding:0}header svg{vertical-align:top}#about{color:#333;z-index:3;pointer-events:none;backdrop-filter:blur(10px);-webkit-transition:-webkit-transform .3s cubic-bezier(.15,.78,.18,1.17);background-color:#ffffffe6;width:100%;max-height:100%;padding:15px;font-size:.9em;transition:transform .3s cubic-bezier(.15,.78,.18,1.17);position:absolute;top:0;left:0;overflow:auto;transform:translateY(-100%)}#about.show{pointer-events:auto;transform:translate(0,0)}@media screen and (width>=500px) and (height>=500px){#about{border-radius:12px;width:500px;margin-left:-250px;left:50%}#about.show{transform:translateY(15px)}}#about h2,#about h3{margin:0;padding:0 0 .5em}#about p{margin:0;padding:0 0 .5em;line-height:1.4}#about ul{margin:0 0 5px;padding:0;list-style:none}#about ul li{margin-right:.4em;display:inline-block}#about ul li img{vertical-align:middle;transform:scale(.5)}#about button{width:100%;margin:0}#preview{float:right;border:1px solid #999;margin-top:5px;margin-left:10px}#map{width:100%;position:absolute;top:0;bottom:0}#info-taxis{pointer-events:none;text-align:right;color:#000;backdrop-filter:blur(20px)saturate(2);background-color:#ffffffbf;border-radius:16px;margin-left:10px;padding:10px 16px;font-size:.85em;transition:opacity .3s;animation:.75s linear infinite alternate blink;position:absolute;bottom:40px;right:68px}#info-taxis.loaded{animation:.3s jump}@keyframes blink{0%{opacity:1}50%{opacity:.2}to{opacity:1}}@keyframes jump{0%{transform:translateY(0)}25%{transform:translateY(-10px)}50%{transform:translateY(0)}75%{transform:translateY(-3px)}to{transform:translateY(0)}}#location{z-index:1;vertical-align:top;background-color:#fff;border:0;border-radius:50%;outline:0;width:48px;height:48px;margin:0;padding:12px;transition:transform .3s;display:none;position:absolute;bottom:40px;right:10px;overflow:hidden;box-shadow:0 2px 4px #0003}#location svg{fill:#666}#location .compass,#location.compass .location{display:none}#location.compass .compass{display:block}#location.locating{pointer-events:none}#location.locating svg{animation:5s linear infinite both rotate}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(1turn)}}#location.active svg{fill:#4285f4}.mapboxgl-ctrl-custom-pitch{color:#000;letter-spacing:-.5px;font-size:15px;font-weight:700}.active .mapboxgl-ctrl-custom-pitch{color:#4285f4}.mapboxgl-ctrl-custom-pitch span{transition:transform .3s ease-in-out;display:block}#current-location{width:60px;height:60px}#current-location-circle{z-index:1;background-color:#4285f4;border:3px solid #fff;border-radius:123123px;width:18px;height:18px;margin-top:21px;margin-left:21px;line-height:0;position:relative;overflow:hidden;box-shadow:0 0 15px #4285f4e6}#current-location-viewport{clip-path:polygon(25% 0,75% 0,50% 50%);background:linear-gradient(#4285f400,#4285f4 30%);width:100%;height:100%;position:absolute;top:0}.mapboxgl-ctrl{box-sizing:content-box}
/*# sourceMappingURL=app-iochhlou.css.map */