@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap";@import"https://fonts.googleapis.com/icon?family=Material+Icons";@import"https://api.mapbox.com/mapbox-gl-js/v2.4.1/mapbox-gl.css";body{margin:0;font-family:Inter,Arial,Helvetica,sans-serif;font-size:1.1rem;color:#eee}main{position:fixed;top:0;height:100vh;width:100vw}*{-webkit-tap-highlight-color:transparent}input,select{background-color:#181818;color:#eee;font-family:Inter,Arial,Helvetica,sans-serif;font-size:1.1rem;font-weight:500;border:none;outline:none;border-radius:15px;padding:8px 10px}button{display:inline-block;margin:10px 10px 10px 0;background-color:#181818;font-family:Inter,Arial,Helvetica,sans-serif;font-size:1.1rem;color:#eee;border:none;border-radius:8px;outline:none;padding:6px 8px;cursor:pointer;transition:all .3s}button:hover{-webkit-box-shadow:1px 1px 6px 0px rgba(68,68,68,.6980392157);-moz-box-shadow:1px 1px 6px 0px rgba(68,68,68,.6980392157);box-shadow:1px 1px 6px #444444b2}button:active{transform:translateY(1px)}button:disabled{background-color:#2e2e2e;color:#7a7a7a;cursor:default;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}a{cursor:pointer;color:#cfcfcf;text-decoration:none;border-bottom:.5px solid #cfcfcf;transition:all .3s;font-weight:600}a:hover{color:#939393;border-bottom:.5px solid #939393}a .material-icons{position:relative;top:1px;font-size:.9rem}header{position:fixed;top:0;display:flex;flex-flow:row nowrap;z-index:1;padding:16px}header.logged-in{width:calc(100vw - 40px)}header h1{width:fit-content;margin:0;font-size:2.7rem;font-weight:800}header .search{position:relative;flex:1;margin-left:20px;background-color:#181818;border-radius:8px}header .search input{margin:0;width:100%;background:none;box-sizing:border-box;padding:8px 8px 8px 40px;font-size:1.2rem}header .search i{position:absolute;top:0;left:0;margin:11px;font-size:1.3rem}header .search .results{display:flex;flex-flow:column nowrap;max-height:200px;padding:0 12px;overflow-y:scroll}header .login-form{display:flex;flex-flow:column nowrap;align-items:center;padding:0 12px}header .login-form input{margin:8px 0;box-sizing:border-box;width:100%}header .login-form .error{font-size:1.2rem;margin:4px 0;padding:6px 12px;border-radius:8px;background-color:#f44336;-webkit-box-shadow:1px 1px 6px 0px rgba(68,68,68,.6980392157);-moz-box-shadow:1px 1px 6px 0px rgba(68,68,68,.6980392157);box-shadow:1px 1px 6px #444444b2}header .login-form button{margin:8px 0;width:fit-content}header .log-out{margin-left:12px}header .show{position:absolute;top:20px;right:20px;font-size:2rem;font-weight:600;cursor:pointer;z-index:2}header .admin{margin-left:12px;padding:20px;border-radius:20px;-webkit-backdrop-filter:saturate(180%) blur(10px);backdrop-filter:saturate(180%) blur(10px);z-index:1}header .admin .tabs{margin-bottom:12px}header .admin .tabs span{margin:0 3px;font-size:1.1rem;font-weight:600;border-bottom:1px solid;color:#bdbdbd}header .admin .tabs span.selected{color:#fff}header .admin .stores .title{display:block;margin-bottom:6px;font-size:1.2rem;font-weight:600}header .admin .stores .list{max-height:200px;overflow-y:scroll}header .admin .stores .list div span{display:block;margin:4px 0;font-size:1.1rem;font-weight:500;cursor:pointer}header .admin .stats{display:flex;flex-flow:column nowrap}header .admin .stats span{margin:2px 0}header .admin .products .add-image{display:flex;flex-flow:column nowrap;align-items:center;justify-content:center;width:35px;height:35px;border-radius:10px;background-color:#141414;cursor:pointer}header .admin .products img{max-width:50px;max-height:50px}footer{position:fixed;bottom:0;padding:6px 80px 6px 12px}footer .toggles-info{display:flex;flex-flow:row nowrap;align-items:center}footer .toggles-info .show-toggles{display:flex;flex-flow:row nowrap;align-items:center;margin:6px 12px;font-size:1.2rem;font-weight:600;text-shadow:1px 1px 10px rgba(0,0,0,.7921568627)}footer .toggles-info .info{margin-left:12px}footer .toggles{display:flex;flex-flow:row wrap}footer button{display:flex;flex-flow:row nowrap;align-items:center;margin:3px 6px;padding:8px 12px;border-radius:20px;font-size:1.15rem;font-weight:600;white-space:nowrap;background-color:#2a2a2a}footer button img{height:20px;margin-right:8px}footer button.enabled{background-color:#141414}.actions{display:flex;flex-flow:column nowrap;position:fixed;bottom:0;right:0;padding:8px}.actions button{width:50px;height:50px;border-radius:30px;margin:4px 8px}.actions button i{margin:5px}aside{position:fixed;bottom:0;right:0;width:calc(100vw - 52px);margin:10px;z-index:0;padding:16px;border-radius:20px;-webkit-backdrop-filter:saturate(180%) blur(10px);backdrop-filter:saturate(180%) blur(10px)}aside .head{display:flex;align-items:center}aside .head i{font-size:2rem;font-weight:800;cursor:pointer}aside .head img{height:40px;margin:0 8px}aside .head .name{margin:0 4px;text-align:center;font-size:1.6rem;font-weight:800}@media (min-width: 601px){aside{width:450px;margin:20px}}.store{position:fixed;bottom:0;right:0;width:calc(100vw - 52px);margin:10px;z-index:0;padding:16px;border-radius:20px;-webkit-backdrop-filter:saturate(180%) blur(10px);backdrop-filter:saturate(180%) blur(10px)}.store .head{display:flex;align-items:center}.store .head i{font-size:2rem;font-weight:800;cursor:pointer}.store .head .name{margin:0 4px;text-align:center;font-size:1.6rem;font-weight:800}.store .address{display:block;margin:12px 0;font-weight:600}.store .timetable .day{display:flex;align-items:center;margin:1px 0;font-size:1.2rem}.store .timetable .day:nth-child(1){margin-top:10px}.store .timetable .day.active span{font-size:1.3rem;font-weight:600}.store .timetable .day i{font-size:2rem;color:#d9d9d9}.store .timetable .week{display:flex;flex-flow:column nowrap}.store .products{margin-top:12px}.store .products .title{display:block;margin-bottom:6px;font-size:1.5rem;font-weight:600}.store .products .list{display:flex;flex-flow:column nowrap;max-height:150px;overflow-y:scroll}.store .products .list .product{display:flex;flex-flow:row nowrap;align-items:center;justify-content:space-between;margin:5px 0}.store .products .list .product img{max-width:50px;max-height:50px}.store .products .list .product .no-image{width:50px;height:30px}.store .products .list .product .name{font-size:1.2rem;font-weight:600}.store .products .list .product .price{font-size:1.5rem;font-weight:600}.store .add-product{display:block;width:fit-content;text-align:center;margin:6px auto 0;font-size:1.2rem}.toilet{display:flex;flex-flow:column nowrap}.toilet span{margin:5px 0;font-size:1.3rem}.bike{display:flex;flex-flow:row nowrap;align-items:center}.bike.nearest{margin:0 0 3px 16px;font-size:1.3rem;font-weight:600}.bike .id{margin:0 3px 0 4px;font-size:.7rem;color:#bdbdbd}.bike img{margin:0 4px;height:20px}.bike .rating{width:50px;margin:0 3px}.bike .rating i{width:12px;font-size:1rem;color:#ffeb3b}.bike .rating span{font-size:1rem}.bike .dock{display:flex;flex-flow:row;align-items:center;margin-right:3px}.bike .dock img{height:15px;margin-right:3px}.bike .dock span{font-size:.7rem;color:#bdbdbd}.velib-station .code{font-size:1rem;margin-top:8px}.velib-station .available-bikes{display:block;margin:10px 0 6px;font-size:1.5rem;font-weight:600}.velib-station .unavailable-bikes{display:flex;margin-top:6px;justify-content:center;font-size:1rem;font-weight:600}.velib-station .info{display:flex;flex-flow:column nowrap;margin-bottom:6px}.velib-station .info .best-bike{font-size:1.1rem;color:#bdbdbd}.velib-station .info .best-bike i{font-size:1.1rem}.velib-station .info .best-bike img{height:1.1rem;margin-right:2px}.velib-station .info .best-bike b{font-size:1.4rem;color:#fff}.velib-station .info .free-docks{font-size:1.1rem}.velib-station .info .free-docks b{font-size:1.4rem}.velib-station .bikes{display:flex;flex-flow:row wrap;justify-content:space-between;max-height:150px;overflow:scroll}.velib-station .bikes.unavailable{filter:opacity(.7)}.velib-station .empty{display:block;margin-top:4px}.velib-station .bikes-ids-list{display:flex;flex-flow:row wrap;justify-content:center;margin-top:6px}.velib-station .bikes-ids-list span{font-size:.8rem;color:#bdbdbd;margin:0 6px}.metro-station .lines{max-height:300px;overflow-y:scroll}.metro-station .lines .line{display:flex;align-items:center;margin-top:10px}.metro-station .lines .line img{height:30px;margin-right:20px}.metro-station .lines .line .stop{width:50%}.metro-station .lines .line .stop .name{font-size:1.2rem;font-weight:600}.metro-station .lines .line .stop .train{margin-top:3px}.metro-station .lines .line .stop .train span{font-size:1.2rem;font-weight:500}.metro-station .lines .line .stop .train .delayed{color:#ff8900}.metro-station .lines .line .stop .train .on-platform{color:#4caf50;font-size:1.3rem;font-weight:700}.metro-station .warning{display:flex;align-items:center;margin-top:10px;font-size:.9rem;color:#bdbdbd}.metro-station .warning i{font-size:1.2rem;margin-right:12px}.traffic-light .elements{display:flex;flex-flow:column nowrap}.traffic-light .elements .element{margin-top:6px}.traffic-light .elements .element>div{display:flex;flex-flow:row nowrap;align-items:center;margin-top:10px}.traffic-light .elements .element .name{font-size:1.2rem;font-weight:600}.traffic-light .elements .element .states{display:flex}.traffic-light .elements .element .states.undefined{filter:opacity(.7)}.traffic-light .elements .element .states .state{width:25px;height:25px;margin-right:8px;border-radius:50%}.traffic-light .elements .element .states .state:not(.set){opacity:.7}.traffic-light .elements .element .states .state.green{background-color:#4caf50}.traffic-light .elements .element .states .state.orange{background-color:#ff8900}.traffic-light .elements .element .states .state.red{background-color:#f44336}.info-settings{display:flex;flex-flow:column nowrap}.info-settings .title{margin:6px 0 8px;font-size:1.3rem;font-weight:600}.add-store-form{position:fixed;bottom:0;right:0;display:flex;flex-flow:column nowrap;align-items:flex-start;max-width:400px;margin:10px;z-index:1;padding:20px;border-radius:20px;-webkit-backdrop-filter:saturate(180%) blur(10px);backdrop-filter:saturate(180%) blur(10px)}.add-store-form input{width:100%;padding:0;border-radius:0;background:transparent;word-wrap:break-word;word-break:break-all}.add-store-form .head{display:flex;align-items:center}.add-store-form .head i{margin-right:8px;font-size:2rem;font-weight:800;cursor:pointer}.add-store-form .head .name{margin:0;font-size:1.6rem;font-weight:800}.add-store-form .address{display:flex;flex-flow:row nowrap;justify-content:space-between;align-items:center;width:100%}.add-store-form .address input{flex:1;margin:12px 0;font-size:1.4rem;font-weight:600}.add-store-form .place-it{margin-bottom:14px;font-size:.9rem;font-weight:600;color:#858585}.add-store-form .place-it i{font-size:1rem}.add-store-form .products{margin-top:12px;width:100%}.add-store-form .products .title{display:block;margin-bottom:6px;font-size:1.5rem;font-weight:600}.add-store-form .products .list{display:flex;flex-flow:column nowrap;max-height:150px;overflow-y:scroll}.add-store-form .products .list .product{display:flex;flex-flow:row nowrap;align-items:center;justify-content:space-between;margin:5px 0}.add-store-form .products .list .product img{max-width:50px;max-height:50px;border-radius:3px}.add-store-form .products .list .product .no-image{width:50px;height:30px}.add-store-form .products .list .product .name{font-size:1.2rem;font-weight:600}.add-store-form .products .list .product .price{font-size:1.5rem;font-weight:600}.add-store-form .products .list .product .delete{cursor:pointer}.add-store-form .products .list .name{display:block;width:160px;margin:12px 0;font-size:1.2rem;font-weight:600}.add-store-form .add{margin:20px auto 0}.add-product-form{margin-top:10px}.add-product-form a{display:block;width:fit-content;margin:6px auto 0;font-size:1.2rem;font-weight:600}.add-product-form div{display:flex;flex-flow:row nowrap;align-items:center;justify-content:space-between}.add-product-form div select{font-size:1rem;margin-right:10px}.add-product-form div .price{display:flex;align-items:center;font-size:1.2rem;font-weight:600;width:70px}.add-product-form div .price input{width:100%;box-sizing:border-box;margin-right:4px;font-size:1.2rem;font-weight:600;text-overflow:ellipsis}.add-product-form div .check{margin-left:10px;font-weight:600;cursor:pointer}.add-product-form .name{margin:12px 0;width:250px}.add-product-form .example{display:block;margin-top:6px;font-size:.9rem;color:#bdbdbd}.geolocation-marker{width:10px;height:10px;background-color:#4285f4;border:2px solid white;border-radius:50%;-webkit-box-shadow:0px 0px 0px 8px rgba(66,133,244,.2);-moz-box-shadow:0px 0px 0px 8px rgba(66,133,244,.2);box-shadow:0 0 0 8px #4285f433}.mapboxgl-control-container{display:none}