#navbar{display:flex;bottom:0;height:64px;background-color:var(--color-back-light);box-shadow:var(--shadow-hard);justify-content:center;cursor:pointer}#navbar,#navbar-banner{z-index:999;position:absolute;width:100%}#navbar-banner{left:0;top:0;height:48px;background-repeat:round;filter:drop-shadow(0 -2px 3px rgba(0,0,0,.16)) drop-shadow(0 1px 1px rgba(0,0,0,.16));transform:translateY(-50%);pointer-events:none}#navbar ul{display:flex;width:100%;height:100%;transition:width .3s ease}#app.is-desktop #navbar ul{width:50.625vh}.navbar-item{display:flex;position:relative;justify-content:center;align-items:center;flex:1 1}.navbar-item svg{width:32px;transition:width .15s ease}.navbar-item:hover svg{width:38px}@keyframes navbar-search{50%{transform:scaleX(-1)}to{transform:rotateY(1)}}@keyframes navbar-favorites{25%{transform:scale(1.1)}50%{transform:scale(1)}75%{transform:scale(1.1)}to{transform:scaleX(1)}}@keyframes navbar-map{50%{transform:scaleX(.6)}to{transform:scaleX(1)}}@keyframes navbar-settings{to{transform:rotate(180deg)}}#modal-container{z-index:1000;display:flex;position:fixed;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,.6);justify-content:center;align-items:center}#modal-container.enter{animation:var(--anim-fadeIn)}#modal-container.exit{animation:var(--anim-fadeOut);animation-duration:.25s;animation-delay:.125s}#modal{width:80%;max-width:350px;margin-bottom:48px;background-color:var(--color-back-light);border-radius:5px;box-shadow:var(--shadow-hard);overflow:hidden}#modal-title{padding:12px;background-color:var(--color-back-dark);border-bottom:1px solid hsla(0,0%,49.8%,.2);font-size:20px;font-weight:700;text-align:center}#modal-text{padding:16px;color:var(--color-fore-light);text-align:center;line-height:1.2}#modal-buttons{display:flex;color:#fff;font-size:14px;letter-spacing:1px;justify-content:space-around}#modal-buttons canvas{color:rgba(0,0,0,.2)}#modal-buttons-cancel,#modal-buttons-confirm{position:relative;display:flex;min-width:0;height:36px;font-weight:700;justify-content:center;align-items:center;transition:background-color .25s ease,flex .25s ease;flex:1 1;cursor:pointer}#modal-buttons-cancel:hover,#modal-buttons-confirm:hover{flex:1 1 25%}#modal-buttons-cancel.is-active,#modal-buttons-confirm.is-active{flex:1 1 100%}#modal-buttons-cancel.is-active+#modal-buttons-confirm{font-size:0}#modal-buttons-cancel{background-color:var(--color-back-dark);color:#cd5c5c;border-top:1px solid hsla(0,0%,49.8%,.2)}#modal-buttons-confirm{background-color:#1e90ff}#map{position:relative;overflow:hidden}#map-leaflet{z-index:0;width:100%;height:100%}#map-message{position:absolute;top:32px;width:100%;padding:8px;background-color:rgba(0,0,0,.45);color:#fff;box-shadow:var(--shadow-soft);font-size:18px;font-weight:700;text-align:center;pointer-events:none}#app[data-theme=dark] #map-message{background-color:hsla(0,0%,49.8%,.45)}#map-message:empty{opacity:0}#map-locate{display:flex;position:absolute;right:-48px;bottom:16px;width:48px;height:48px;padding:8px;background-color:var(--color-back-light);border:0 solid var(--color-view-map-light);border-radius:100%;box-shadow:var(--shadow-soft);font-size:28px;transition:right .25s ease,border-width .1s;justify-content:center;align-items:center;cursor:pointer}#map-locate.is-visible{right:16px}#map-locate.is-active{border-width:3px}.leaflet-control-attribution{padding-bottom:2px;background-color:initial!important;color:#1e90ff!important;border-bottom-left-radius:3px;font-weight:700;opacity:.75}.leaflet-control-attribution a{color:inherit!important;font-size:12px}.leaflet-container{background:var(--color-back-dark)!important}#status{display:flex;width:100%;height:100%;color:var(--color-fore-light);font-size:20px;font-weight:700;justify-content:center;align-items:center;animation:var(--anim-fadeIn);animation-delay:.3s;opacity:0}.loader-vehicle{width:64px;margin:0 16px}#loader-bus{animation:loader-bounce .6s cubic-bezier(.25,.46,.45,.94) infinite}#loader-trol{animation:loader-bounce .6s cubic-bezier(.25,.46,.45,.94) .15s infinite}#loader-tram{animation:loader-bounce .6s cubic-bezier(.25,.46,.45,.94) .3s infinite}@keyframes loader-bounce{50%{transform:translateY(-32px);animation-timing-function:cubic-bezier(.55,.085,.68,.53)}to{transform:translateY(0)}}#search{display:flex;flex-direction:column}#search-top{z-index:1;background-color:var(--color-back-light);box-shadow:var(--shadow-soft);flex:0 1}#search-top-input{width:calc(100% - 32px);margin:16px 16px 0;padding:12px 49px;background-color:var(--color-back-dark);color:var(--color-fore-dark);border-radius:12px;font-size:16px}#search-top-input+svg{position:absolute;left:30px;top:25px;width:24px}#search-top-input+svg *{transition:stroke .15s ease-in-out}#search-top-input+svg+svg path,#search-top-input+svg path{stroke:#b3b3b3}#search-top-input+svg circle{stroke:#bdbdbd}#app[data-theme=dark] #search-top-input+svg+svg path,#app[data-theme=dark] #search-top-input+svg path{stroke:#606060}#app[data-theme=dark] #search-top-input+svg circle{stroke:#707070}#search-top-input:focus+svg path{stroke:var(--color-view-search-dark)!important}#search-top-input:focus+svg circle{stroke:var(--color-view-search-light)!important}#search-top-input+svg+svg{position:absolute;right:16px;top:16px;width:42px;padding:12px;transform:scale(0);stroke:#b3b3b3;transition:transform .1s ease-out;cursor:pointer}#search-top-input:not(:invalid)+svg+svg{transition:transform .15s ease-out;transform:scale(1)}#search-top-types{font-size:17px;font-weight:700;cursor:pointer}.search-top-types-item{display:inline-block;position:relative;width:50%;padding:16px;transition:color .1s;text-align:center}.search-top-types-item.is-active{color:var(--color-view-search-light)}.search-results{flex:1 1;padding:6px;overflow-y:auto}.search-results li{padding:6px 0}.search-results li:first-child{padding-top:0}.search-results li:last-child{padding-bottom:0}.search-results-result{display:flex;position:relative;height:72px;border-radius:6px;font-weight:700;transition:background-color .1s;animation:var(--anim-fadeIn);align-items:center}.search-results-result:hover{background-color:hsla(0,0%,49.8%,.1)}.search-results li:not(:last-child) .search-results-result:after{content:"";position:absolute;left:6px;right:6px;bottom:-7px;height:1px;background-color:hsla(0,0%,49.8%,.2)}.search-results-result-distance{right:0;padding:16px;font-size:18px}.search-results-result[data-type=stop] .search-results-result-icon{width:72px;height:72px;padding:10px;flex-shrink:0}.search-results-result[data-type=stop] .search-results-result-icon+div{padding-left:6px;flex:1 1}.search-results-result[data-type=stop] .search-results-result-name{margin-bottom:3px;font-size:21px}.search-results-result[data-type=stop] .search-results-result-description{margin-bottom:1px;font-size:15px}.search-results-result[data-type=route]{height:80px}.search-results-result[data-type=route]>*{position:absolute}.search-results-result[data-type=route] .search-results-result-icon{top:0;width:48px;margin-top:3px}.search-results-result[data-type=route] .search-results-result-countdown,.search-results-result[data-type=route] .search-results-result-name{font-size:28px}.search-results-result[data-type=route] .search-results-result-destination,.search-results-result[data-type=route] .search-results-result-name{font-weight:700}.search-results-result[data-type=route] .search-results-result-name{left:50px;top:12px}.search-results-result[data-type=route] .search-results-result-destination{left:10px;bottom:7px}.search-results-result[data-type=route] .search-results-result-destination svg{width:16px;margin-right:8px;margin-bottom:-2px}#favorites{padding:8px;color:#fff;font-size:20px;font-weight:700}#favorites ol{height:100%}#favorites li{padding:8px;pointer-events:none}.favorites-stop{display:flex;width:100%;height:80px;box-shadow:var(--shadow-soft);border:3px solid transparent;border-radius:3px;align-items:center;cursor:pointer;pointer-events:all}#app[data-theme=dark] .favorites-stop{box-shadow:var(--shadow-hard)}#favorites li.is-dragging .favorites-stop{border:3px solid hsla(0,0%,100%,.5)}.favorites-stop-icon{width:72px;height:72px;padding:4px;flex-shrink:0}.favorites-stop-icon+div{width:100%;margin-left:3px;overflow:hidden}.favorites-stop-description,.favorites-stop-name{margin-right:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.favorites-stop-name{margin-bottom:3px;font-size:21px}.favorites-stop-description:not(:empty){margin-bottom:3px;color:#eee;font-size:15px}#settings{font-size:17px;padding-bottom:32px}#settings-logo{width:101%;height:80px;margin-top:24px;padding:8px}#settings label{display:flex;margin:32px 16px 16px;font-weight:700;align-items:center}#settings svg:not(#settings-logo){width:24px;height:24px;margin-right:16px;margin-bottom:1px;fill:var(--color-fore-dark)}#settings section,#settings select{width:100%;padding:12px 14px;background-color:var(--color-back-darker);font-size:15px}#settings section:nth-last-of-type(2){padding:24px 14px}#settings h1{margin-top:24px;margin-bottom:6px}#settings h1:first-of-type{margin-top:0}.settings-first_party{color:#1e90ff}.settings-third_party{color:#ff4500}#settings small{color:var(--color-fore-light);font-size:12px}#stop,#stop-info{display:flex;flex-direction:column}#stop-info{z-index:1;position:relative;width:100%;height:72px;background-color:var(--color-back-light);box-shadow:var(--shadow-soft);font-weight:700;text-align:center;transition:background-color .15s;justify-content:center;align-items:center;overflow:hidden}#stop-info span{animation:var(--anim-fadeIn)}#stop-info-icon{position:absolute;left:-50px;bottom:-32px;width:192px;height:192px;padding:9px;opacity:.25;transform:rotate(10deg)}#stop-info-icon *{fill:#fff}#stop-info-name{margin-top:-3px;color:#fff;font-size:22px}#stop-info-description{margin-top:3px;color:#f2f2f2;font-size:14px}#stop-info-favorite{position:absolute;right:0;top:0;width:72px;height:72px;padding:18px;fill:#ddd;stroke:#fff;stroke-width:100;cursor:pointer;opacity:.35;transition:opacity .15s}#stop-info-favorite.is-active{opacity:.7;animation:navbar-favorites .5s linear forwards}#stop-info-favorite path{transition:fill .15s,stroke .15s}#stop-info-favorite.is-active path{fill:var(--color-view-favorites-light);stroke:var(--color-view-favorites-dark)}#stop-departures{flex:1 1;padding:6px;overflow-y:scroll}#stop-departures li{padding:6px 0}#stop-departures li:first-child{padding-top:0}#stop-departures li:last-child{padding-bottom:0}.stop-departures-departure{display:flex;position:relative;height:80px;border-radius:6px;transition:background-color .1s;animation:var(--anim-fadeIn)}#stop-departures li:not(:last-child) .stop-departures-departure:after{content:"";position:absolute;left:6px;right:6px;bottom:-7px;height:1px;background-color:hsla(0,0%,49.8%,.2)}.stop-departures-departure:hover{background-color:hsla(0,0%,49.8%,.1)}.stop-departures-departure>*{position:absolute}.stop-departures-departure-icon{top:0;width:48px;margin-top:3px}.stop-departures-departure-countdown,.stop-departures-departure-name{font-size:28px}.stop-departures-departure-destination,.stop-departures-departure-name{font-weight:700}.stop-departures-departure-name{left:50px;top:12px}.stop-departures-departure-destination{left:10px;bottom:7px}.stop-departures-departure-destination svg{width:16px;margin-right:8px;margin-bottom:-2px}.stop-departures-departure-countdown,.stop-departures-departure-time{right:10px}.stop-departures-departure-countdown{top:10px}.stop-departures-departure-countdown.is-urgent{animation:stop-urgent 1s ease infinite}.stop-departures-departure-countdown span{font-size:18px}.stop-departures-departure-countdown svg{position:absolute;right:-6px;top:-1px;width:12px;transform:rotate(-15deg)}.stop-departures-departure-time{bottom:11px;color:var(--color-fore-light);font-size:19px}.stop-departures-departure-time svg{width:16px;height:16px;margin-right:4px;margin-bottom:-1px}@keyframes stop-urgent{0%{opacity:1}50%{opacity:.25}to{opacity:1}}#route,#route-info{display:flex;flex-direction:column}#route-info{z-index:1;position:relative;width:100%;height:72px;background-color:var(--color-back-light);box-shadow:var(--shadow-soft);font-weight:700;text-align:center;transition:background-color .15s;justify-content:center;align-items:center;overflow:hidden}#route-info span{animation:var(--anim-fadeIn)}#route-info-icon{z-index:-1;position:absolute;left:-50px;bottom:-32px;width:192px;height:192px;padding:9px;opacity:.25;transform:rotate(10deg)}#route-info-icon *{fill:#fff}#route-info>span>div{display:flex;flex-direction:column}#route-info-name{margin-top:-3px;color:#fff;font-size:22px}#route-info-description{height:0;color:#f2f2f2;border-radius:8px;font-size:14px;text-align:center;transition:margin-top .15s,padding .15s,background-color .15s}#route-info-description:not(:empty){height:22px;margin-top:3px;padding:3px 12px;background-color:rgba(0,0,0,.1)}#route-stops{padding:6px;flex:1 1;overflow-y:auto}#route-stops li{padding:6px 0}#route-stops li:first-child{padding-top:0}#route-stops li:last-child{padding-bottom:0}.route-stops-stop{display:flex;position:relative;height:72px;border-radius:6px;font-weight:700;transition:background-color .1s;animation:var(--anim-fadeIn);align-items:center}#route-stops li:not(:last-child) .route-stops-stop:after{content:"";position:absolute;left:6px;right:6px;bottom:-7px;height:1px;background-color:hsla(0,0%,49.8%,.2)}.route-stops-stop:hover{background-color:hsla(0,0%,49.8%,.1)}.route-stops-stop.is-active{padding-left:16px;border-left:2px solid hsla(0,0%,49.8%,.3)}.route-stops-stop-icon{width:72px;height:72px;padding:10px;flex-shrink:0}.route-stops-stop-icon+div{padding-left:6px;flex:1 1}.route-stops-stop-name{margin-bottom:3px;font-size:21px}.route-stops-stop-description{margin-bottom:1px;font-size:15px}.route-stops-stop-countdown{margin-bottom:8px;font-size:28px}.route-stops-stop-countdown.is-urgent{animation:route-urgent 1s ease infinite}.route-stops-stop-countdown.has-arrived{color:#d3d3d3}.route-stops-stop-time{color:var(--color-fore-light);font-size:19px}*{box-sizing:border-box;outline:none}#app,body,html{height:100%}body{display:flex;margin:0;justify-content:center;align-items:center;-webkit-user-select:none;-moz-user-select:none;user-select:none;overflow:hidden}input,select{background-color:initial;color:inherit;border:none;outline:none;box-shadow:none;font-size:inherit;font-weight:inherit}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration,input[type=search]::-webkit-search-results-button,input[type=search]::-webkit-search-results-decoration{display:none}select{cursor:pointer;-webkit-appearance:none}select:-moz-focusring{color:transparent;text-shadow:0 0 0 var(--color-fore-light)}select option{background-color:var(--color-back-light);color:var(--color-fore-dark)}ol,ul{list-style-type:none}h1,ol,ul{margin:0;padding:0}h1{font-size:inherit}p{margin:0}a{color:inherit;text-decoration:inherit}svg{overflow:visible}#app{display:flex;background-color:var(--color-back-dark);color:var(--color-fore-dark);font-family:Arial,Helvetica,sans-serif;flex-direction:column;flex:1 1;transition:flex-basis .2s cubic-bezier(.25,.1,0,1);-webkit-tap-highlight-color:transparent}#app[data-theme=dark],#app[data-theme=light]{--color-theme:#1e2529;--shadow-soft:rgba(0,0,0,0.12) 0 1px 6px,rgba(0,0,0,0.12) 0 1px 4px;--shadow-hard:rgba(0,0,0,0.16) 0 3px 10px,rgba(0,0,0,0.23) 0 3px 10px;--anim-fadeIn:view-fade .15s linear forwards;--anim-fadeOut:view-fade .15s reverse forwards}#app[data-theme=light]{--color-fore-light:#6a6b70;--color-fore-dark:#34393d;--color-back-light:#fff;--color-back-dark:#f2f2f2;--color-back-darker:#ebebeb}#app[data-theme=dark]{--color-fore-light:#bebebe;--color-fore-dark:#eaeaea;--color-back-light:#1e2529;--color-back-dark:#1b1c1d;--color-back-darker:#151516}#app.is-desktop{position:relative;height:90%;margin:16px;border-radius:7px;box-shadow:var(--shadow-hard);flex-grow:0;flex-shrink:1;flex-basis:50.625vh;overflow:hidden}#app.is-desktop:before{z-index:-1;content:"";position:fixed;left:0;top:0;width:100%;height:100%;background-color:var(--color-theme);transition:var(--trans-background);filter:brightness(.5)}#app[data-path=""]{flex-basis:160vh}.view{position:absolute;height:calc(100% - 64px);background-color:var(--color-back-dark);overflow-x:hidden;overflow-y:auto}.view,.view-empty{display:flex;width:100%;flex-direction:column}.view-empty{height:100%;color:var(--color-fore-light);font-size:20px;font-weight:700;animation:var(--anim-fadeIn);justify-content:center;align-items:center}@keyframes view-fade{0%{opacity:0}to{opacity:1}}@media (max-width:512px){#app.is-desktop{width:100%;height:100%;margin:0;flex:1 1;border-radius:0}}
/*# sourceMappingURL=main.cfa27dbd.chunk.css.map */