body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}div{box-sizing:border-box}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.row{display:flex;flex-direction:row;align-items:center}.map-rct-component{display:flex;width:100%;height:100%}.map-rct-component.noui{width:100%}#map-container{height:100%;width:100%}.stop-circle{background-color:red;height:10px;width:10px}.marker{background-image:url(https://new-maps.trilliumtransit.com/gtfsmap/images/bus_inverse.svg);background-size:15px;border-radius:50%;height:27px;width:27px;border:1px solid #fff}.marker,.realtime{background-position:50%;background-repeat:no-repeat}.realtime{background-image:url(https://new-maps.trilliumtransit.com/gtfsmap/images/realtime_icon.svg);background-size:8px;height:16px;width:16px;min-height:16px;min-width:16px}.popup-route-name{display:flex;flex-direction:row}.popup-route-card{text-align:center;color:#fff;padding:0 4px;border-radius:4px;margin-right:4px;min-width:25px}.custom-marker-container{height:27px;width:27px;background-color:#fff;border:2px solid #000;border-radius:50%}.custom-marker-container div{height:27px;width:27px}.custom-marker-container div .logo-container .main-logo{max-height:100%;max-width:100%}@media (max-width:800px){.map-rct-component{width:100%}}@media (min-width:2000px){.map-rct-component{width:100%}}.stop-popup-rct-component{max-height:40vh;display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden;min-width:150px;padding-right:10px}.stop-popup-rct-component .stop-info p{margin:0}.stop-popup-rct-component .stop-info h3{margin:0 0 6px}.stop-popup-rct-component .routes{display:flex;flex-wrap:wrap;padding-bottom:12px;margin:0 -4px}.stop-popup-rct-component .routes .stop-badge{flex:1 1 auto}.stop-badge{margin:2px 4px;border-radius:4px;text-align:center;padding:3px;color:#fff;font-weight:700;min-width:25px}.arrivals-section{border-top:1px solid grey}.arrivals{height:100%;overflow:hidden;overflow-y:auto;padding-bottom:15px;-webkit-overflow-scrolling:touch}.arrivals p{margin-top:0}.arrivals .stop-badge{max-width:50%}.next-arrivals-text{font-weight:700}.arrival-row{display:flex;flex-direction:row;padding:2px 0 0}.arrival{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:0 0 0 4px}.mapboxgl-popup-content{padding-right:0;padding-bottom:0;padding-top:20px}.mapboxgl-popup-close-button{font-size:1.45em}.loading-rct-component{height:500px;width:500px;min-height:500px;min-width:500px;max-height:500px;max-width:500px;position:relative;overflow:hidden;border-radius:50%}.loading-rct-component .sky{position:absolute;height:500px;width:500px;border-radius:50%;background-color:#add8e6}.loading-rct-component .road{background-color:grey;border-radius:50%;-webkit-animation-name:gentlebounce;animation-name:gentlebounce;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:linear;animation-timing-function:linear}.loading-rct-component .road,.loading-rct-component .road-lines{position:absolute;height:5000px;width:5000px;top:320px;left:-2250px;-webkit-animation-duration:2.5s;animation-duration:2.5s}.loading-rct-component .road-lines{border-radius:50%;border:20px dashed #ff0;-webkit-animation-name:dashgentlebounce;animation-name:dashgentlebounce;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:linear;animation-timing-function:linear}.loading-rct-component .animated-bus{position:absolute;height:500px;width:500px;top:5px;background-image:url(https://new-maps.trilliumtransit.com/gtfsmap/images/cutebus.svg);background-size:300px;background-position:50%;background-repeat:no-repeat;z-index:10;-webkit-animation-name:busbounce;animation-name:busbounce;-webkit-animation-duration:2.5s;animation-duration:2.5s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-delay:.1s;animation-delay:.1s}@-webkit-keyframes gentlebounce{0%{top:320px}40%{top:305px}60%{top:320px}80%{top:305px}to{top:320px}}@keyframes gentlebounce{0%{top:320px;transform:rotate(-6deg)}40%{top:305px;transform:rotate(-10deg)}60%{top:320px;transform:rotate(-12deg)}80%{top:305px;transform:rotate(-14deg)}to{top:320px;transform:rotate(-15.6deg)}}@-webkit-keyframes busbounce{0%{top:0}40%{top:-15px}60%{top:0}80%{top:-15px}to{top:0}}@keyframes busbounce{0%{top:5px}40%{top:-10px}60%{top:5px}80%{top:-10px}to{top:5px}}@-webkit-keyframes dashgentlebounce{0%{top:345px;transform:rotate(-6deg)}40%{top:330px;transform:rotate(-10deg)}60%{top:345px;transform:rotate(-12deg)}80%{top:330px;transform:rotate(-14deg)}to{top:345px;transform:rotate(-15.6deg)}}@keyframes dashgentlebounce{0%{top:345px;transform:rotate(-6deg)}40%{top:330px;transform:rotate(-10deg)}60%{top:345px;transform:rotate(-12deg)}80%{top:330px;transform:rotate(-14deg)}to{top:345px;transform:rotate(-15.6deg)}}@-webkit-keyframes cloud1{0%{left:-100px}to{left:600px}}@keyframes cloud1{0%{left:500px}to{left:-300px}}@-webkit-keyframes cloud2{0%{left:100px}49%{left:-300px}50%{display:none}51%{left:500px;display:block}to{left:100px}}@keyframes cloud2{0%{left:100px;opacity:1}48%{left:-300px;opacity:1}49%{left:-300px;opacity:0}50%{left:500px;opacity:0}51%{left:500px;opacity:1}to{left:100px;opacity:1}}.cloud1{transform:scale(.6);top:30px;-webkit-animation-name:cloud1;animation-name:cloud1;-webkit-animation-duration:10s;animation-duration:10s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:linear;animation-timing-function:linear}.cloud1,.cloud2{position:absolute}.cloud2{transform:scale(.4);top:80px;left:100px;opacity:1;-webkit-animation-name:cloud2;animation-name:cloud2;-webkit-animation-duration:13s;animation-duration:13s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:linear;animation-timing-function:linear}.cloud3{transform:scale(.5);position:absolute;top:-10px;-webkit-animation-name:cloud1;animation-name:cloud1;-webkit-animation-duration:15s;animation-duration:15s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:linear;animation-timing-function:linear}.cloud{background:#fff;background:linear-gradient(180deg,#fff 5%,#f1f1f1);border-radius:100px;box-shadow:0 8px 5px rgba(0,0,0,.1);height:120px;position:relative;width:350px}.cloud:after,.cloud:before{background:#fff;content:"";position:absolute;z-indeX:-1}.cloud:after{border-radius:100px;height:100px;left:50px;top:-50px;width:100px}.cloud:before{border-radius:200px;width:180px;height:180px;right:50px;top:-90px}.system-wide-alert-rct-component{padding:16px;background-color:#ffc;line-height:1.35;margin-bottom:6px}.systemwide-transit-alert{margin:0 0 4px;padding:0 0 8px;display:block;border-bottom:2px solid rgba(0,0,0,.1)}.systemwide-transit-alert:last-child{border:none;margin:0;padding:0}.systemwide-transit-alert p{margin:0}.systemwide-alert-icon{height:1.6em;width:1.6em;line-height:1;fill:#555;display:inline-block;padding-right:4px;position:relative;top:.2em}.legend-layer-rct-component{width:100%;border-bottom:1px solid #000;display:flex;flex-direction:column;padding:8px;min-height:46px}.legend-layer-rct-component .legend-layer-basic{position:relative;display:flex;flex-direction:row;align-items:flex-start;justify-content:space-between;width:100%;overflow-x:hidden}.legend-layer-rct-component .legend-layer-basic.hidden{display:none}.legend-layer-rct-component:first-child{border-top:1px solid #000}.checkmark-container{display:flex;align-items:center;justify-content:center}.center-container{display:flex;flex-direction:column;width:100%;padding-left:16px}.center-container p{margin:0}.icon-container img{max-height:40px}.icon-container .systemwide-alert-icon{padding:0;margin:0}.layer-name-container{width:100%;font-weight:700;display:flex;flex-direction:row;align-items:center;cursor:pointer;transition:color .1s ease-in-out}.layer-name-container:focus,.layer-name-container:hover{color:#0068b3}.layer-url-container{width:100%;padding-bottom:4px}.layer-link{font-size:11px;color:#0366d6;display:inline-block;margin-top:8px;text-decoration:none}.layer-link:hover{text-decoration:underline}.magnifiying-glass-container{display:flex;justify-content:center;align-items:center;max-width:30px;border:1px solid grey;border-radius:4px;margin:8px;padding:4px;cursor:pointer}.magnifiying-glass-container img{width:80%;height:auto}.magnifiying-glass-container:hover{box-shadow:1px 1px 3px 0 grey}.hidden{display:none}.layer-legend-container{position:fixed;bottom:0;right:0;background-color:#fff;max-width:500px;z-index:5}.alerts-container{width:calc(100% + 16px);height:0;overflow:hidden;position:relative;margin:0 0 -8px -8px}.alerts-container.open{height:100%}.clickable{cursor:pointer;align-items:center}.legend-transit-alert-rct-component{padding:8px 12px 8px 8px;background-color:#ffc;position:relative}.route-transit-alert{padding-bottom:8px}.legend-transit-alert-rct-component :not(:first-child){border-top:1px solid grey;padding-top:8px}.transit-alert-icon-rct-component{margin-left:8px}.transit-alert-icon-rct-component .route-alert-icon{margin:2px 15px 0 0;height:20px;width:20px}.transit-alert-icon-rct-component .route-alert-icon svg{height:20px;width:20px;transition:fill .2s ease-in-out}.transit-alert-icon-rct-component .route-alert-icon svg:focus,.transit-alert-icon-rct-component .route-alert-icon svg:hover{text-decoration:none;fill:#a62700!important}.transit-alert-icon-rct-component .route-alert-icon.info svg{fill:#2767b3}.transit-alert-icon-rct-component .route-alert-icon.alert svg{fill:#d43120}.transit-alert-icon-rct-component .route-alert-icon.warn svg{fill:#f48f21}.transit-alert-icon-rct-component .route-alert-icon.default svg{fill:#555}.legend-container{min-width:300px;max-width:500px;height:100%;width:40%}.legend-rct-component{height:100%;position:relative;z-index:100;top:0;left:0;display:flex;flex-direction:column;background-color:#fff;border-right:1px solid #000;width:100%;margin-right:0;overflow-y:scroll;-webkit-overflow-scrolling:touch;transition:left .2s ease}#bottomSpacer{min-height:100px}.logo-container{display:flex;justify-content:center;align-items:center}.main-logo{margin-top:8px;width:70%;height:auto}.title-container{display:flex;align-items:center;justify-content:center}.main-title{font-weight:700;text-transform:uppercase;text-align:center}.collapse-legend-button{height:56px;width:66px;position:absolute;top:0;left:0;display:flex;flex-direction:column;justify-content:space-between;align-items:center;margin:10px;opacity:.5;transition:all .2s;background-color:#fff;border:1px solid #000;border-radius:4px;padding:0 8px;z-index:101}.collapse-legend-button.open .legend-bar.one{transform:rotate(45deg);bottom:23px}.collapse-legend-button.open .legend-bar.three,.collapse-legend-button.open .legend-bar.two{transform:rotate(-45deg);bottom:23px}.legend-rct-component.open{left:0}.legend-bar{width:80%;height:8px;border-radius:4px;background-color:#000;position:absolute;bottom:30px;left:7px;transition:all .25s ease}.legend-bar.one{bottom:38px}.legend-bar.two{bottom:23px}.legend-bar.three{bottom:8px}.legend-button-container{width:70%;margin:12px auto 18px;display:flex;justify-content:center;align-items:stretch}.legend-button-container p{margin:0}.legend-button-container .legend-button{flex:1 1;font-weight:700;font-size:13px;padding:8px 6px;display:block;background:#eee;border:2px solid #fff;cursor:pointer}.legend-button:focus,.legend-button:hover{background-color:#d4ebf2}.collapse-legend-button:hover{cursor:pointer;opacity:1}.legend-group-title-container{display:flex;flex-direction:row;justify-content:space-between;align-items:center;text-align:center;padding:30px 8px 16px}.legend-button-container{width:60%}.legend-button-container .legend-button{text-decoration:none;padding:6px}.legend-group-title{display:flex;flex-direction:row;width:100%;align-items:center;justify-content:flex-start}.legend-group-title h2{font-size:1.2em;margin:0;padding-left:16px;text-align:left}.legend-group-title span{font-size:.8em;color:#ccc}.chevron{position:relative;height:40px;width:40px;display:flex;align-items:center;justify-content:center;cursor:pointer}.chevron .left,.chevron .right{position:absolute;width:16px;height:4px;background-color:#000;transition:transform .1s linear}.chevron .left{left:3px;transform:rotate(-45deg)}.chevron .right{left:12px}.chevron.closed .left,.chevron .right{transform:rotate(45deg)}.chevron.closed .right{transform:rotate(-45deg)}#legend-control-button{display:none}.agency-routes-container{max-height:6000px;transition:max-height .6s linear;overflow:hidden}.agency-routes-container.closed{max-height:0;transition:max-height .2s ease-out}@media (max-width:800px){.legend-container{min-width:0;width:0}.legend-container.open{position:absolute;width:300px;min-width:300px}#legend-control-button{display:flex}.legend-rct-component{left:-500px}}@media (max-width:600px){#topSpacer{min-height:60px}.legend-open-click-absorber{position:fixed;height:100%;width:100%;top:0;left:0;display:none;pointer-events:none}.legend-open-click-absorber.open{display:block;pointer-events:auto}}.loading-container{height:100%;width:100%;display:flex;align-items:center;justify-content:center;position:absolute;top:0;left:0;background-color:#fff;transition:opacity 1s;transition-delay:opacity 1s}.loading-container .loading-rct-component{position:relative;top:0}.my-node-enter{opacity:0}.my-node-enter-active{opacity:1;transition:opacity .2s}.my-node-exit{opacity:1}.my-node-exit-active{opacity:0;transition:opacity .2s}.invisible{opacity:0;pointer-events:none}.main-rct-component,.map-container{display:flex;flex-direction:row;height:100%;width:100%;position:relative}.fade-enter,.map-fade-enter{opacity:0}.fade-enter-active,.map-fade-enter-active{opacity:1;transition:opacity 1.5s}.fade-exit,.map-fade-exit{opacity:1}.fade-exit-active,.map-fade-exit-active{opacity:0;transition:opacity 1.5s}@media (min-width:800px){.loading-container{left:12.5%}}@media (max-width:500px){.loading-rct-component{transform:scale(.5)}}@media (max-height:500px){.loading-rct-component{transform:scale(.5)}}@media (max-width:250px){.loading-rct-component{transform:scale(.1)}}@media (max-height:250px){.loading-rct-component{transform:scale(.1)}}
/*# sourceMappingURL=styles.css.map */