body{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}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.train-result--num{border:1px solid #fff;border-radius:50%;width:18px;height:18px;display:inline-flex;justify-content:center;align-items:center;margin-right:10px}.train-result--des{display:inline-flex;margin-bottom:10px;padding-top:5px;width:200px}.train-result--appr,.train-result--del{border:1px solid hsla(0,0%,82.7%,.359);color:hsla(0,0%,82.7%,.359);margin-right:5px;padding:2.5px;border-radius:5px;font-size:12px}.train-result--arr{display:flex;align-items:center;font-size:14px;margin-top:10px;& h5{display:inline-flex;position:relative;bottom:2px;margin:5px 5px 0 0}}.train-result--line{display:flex;justify-content:flex-end;padding:5px 0;& .train-result--line-color{height:10px;width:20px}}.distance-meter{display:flex;justify-content:center;margin:5px 0 20px;& span{position:relative;cursor:pointer;top:5px;padding:2px;&:hover{background-color:rgba(44,44,44,.665)}}& .distance-meter-colors{display:flex;margin:0 5px}}.bus-distance-indicator{border-radius:50%!important}.bus-result{display:flex;border-bottom:1px solid hsla(0,0%,82.7%,.523)}.bus-result--text,.distance-display{display:inline-block;position:sticky;top:20px}.distance-display--wrapper{display:flex;justify-content:right;min-width:15%;align-items:flex-start;margin-top:20px;margin-right:10px;padding-bottom:10px}@media only screen and (min-width:768px){.distance-display--wrapper{min-width:35%}}.bus-result--text{display:flex;text-align:left;align-items:flex-start}.train-result{padding-bottom:10px;& h3{margin-bottom:0}& p,h4{margin:0}}.train-result--line{text-transform:capitalize}.page-color-picker{display:flex;justify-content:center}.color-square{width:20px;height:20px;border:2px solid #000;border-radius:5px}.saved-locations-wrapper{margin:auto;& form{display:flex;flex-direction:column;justify-content:center;grid-column-gap:10px;column-gap:10px;align-items:center}}.address-wrapper{display:flex;flex-direction:column;grid-row-gap:5px;row-gap:5px}.menu-btn{background-color:#fff!important;color:#000!important;text-wrap:nowrap;width:-moz-fit-content!important;width:fit-content!important;border-radius:5px;display:flex;justify-content:center;align-items:center;margin-top:10px!important}.location-svg{height:20px;position:relative;top:4px;margin-right:3px}.delete-icon{fill:#fff;height:16px}.MuiListItemText-root:hover .delete-icon{fill:#000}.pref-bus-route-wrapper{display:flex;flex-direction:column;align-items:center}.pref-routes-select{font-size:18px;margin-top:10px}.user-menu{position:absolute;top:0;left:0;background-color:#000;color:#fff;width:100%}.user-menu-label{display:block;text-align:center}.user-menu-title{margin-left:15px}.accordian-caret{fill:#fff}.MuiAccordion-root,.MuiAccordion-root.Mui-expanded{margin:0!important}.MuiDrawer-paperAnchorTop:first-of-type{border-radius:0 0 15px 15px!important}@media screen and (max-width:415px){.MuiFormLabel-root{left:-50px!important}}@media screen and (max-width:410px){.MuiFormLabel-root{left:-40px!important}}.legend{& .legend-train-lines--h3{margin:0}}.legend-icons{display:flex;justify-content:space-around;& .legend-icon-wrapper{width:25%;text-align:center}}@media screen and (min-width:760px){.legend-icons{flex-direction:row}}.legend-train-lines{display:flex;justify-content:center;line-break:auto;word-wrap:normal;margin-top:-15px;& .legend-dot{margin:0 -5px;height:50px;width:10%}}.mobile-modal-overlay{position:fixed;display:flex;justify-content:center;align-items:center;width:100%;height:100%;background-color:rgba(0,0,0,.498);z-index:1001;transition:.75s ease-out}.mobile-modal{width:80%;max-width:80%;min-height:75%;height:-moz-fit-content;height:fit-content;background-color:#fff;border-radius:15px;padding:20px}.control-section{display:flex;justify-content:end;position:fixed;width:80%;height:50px}.x-icon{height:100%}.x-icon:focus,.x-icon:hover{filter:invert(50%);transition:.5s}.content-section{display:flex;flex-direction:column;align-items:center;height:90%;padding-top:0}.content-section h1{margin:20px 0 0;text-transform:uppercase;text-align:center}.crowd-fund-wrapper{width:100%;display:flex;justify-content:center}.crowd-fund-img{width:100%}.h1-anchor,.h1-anchor:visited{color:#000;text-decoration:none}.cta-mobile-modal{background-color:#eb1478!important}@media screen and (min-width:760px){.crowd-fund-img{width:100%}.crowd-fund-wrapper a{width:40%}.x-icon:focus,.x-icon:hover{filter:invert(100%)}}body{background:red}.intro,.intro a{color:#fff}.snowflake{color:#fff;font-size:1em;font-family:Arial;text-shadow:0 0 1px #000}.row-flake-2{font-size:.5em}@keyframes snowflakes-fall{0%{top:-10%}to{top:100%}}@keyframes snowflakes-shake{0%{transform:translateX(0)}50%{transform:translateX(80px)}to{transform:translateX(0)}}.snowflake{position:fixed;top:-10%;z-index:9999;-webkit-user-select:none;user-select:none;cursor:default;-webkit-animation-name:snowflakes-fall,snowflakes-shake;-webkit-animation-duration:10s,3s;-webkit-animation-timing-function:linear,ease-in-out;-webkit-animation-iteration-count:infinite,infinite;-webkit-animation-play-state:running,running;animation-name:snowflakes-fall,snowflakes-shake;animation-duration:10s,3s;animation-timing-function:linear,ease-in-out;animation-iteration-count:infinite,infinite;animation-play-state:running,running}.snowflake:nth-of-type(0){left:1%;animation-delay:0s,0s}.row-flake-2:nth-of-type(0){left:50%;animation-delay:0s,0s}.snowflake:first-of-type{left:10%;animation-delay:1s,1s}.snowflake:nth-of-type(2){left:20%;animation-delay:6s,.5s}.snowflake:nth-of-type(3){left:30%;animation-delay:4s,2s}.snowflake:nth-of-type(4){left:40%;animation-delay:2s,2s}.snowflake:nth-of-type(5){left:50%;animation-delay:8s,3s}.snowflake:nth-of-type(6){left:60%;animation-delay:6s,2s}.snowflake:nth-of-type(7){left:70%;animation-delay:2.5s,1s}.snowflake:nth-of-type(8){left:80%;animation-delay:1s,0s}.snowflake:nth-of-type(9){left:90%;animation-delay:3s,1.5s}.transit-overlay{transition:.5 ease-in;position:fixed;width:100%;height:100%;background-color:rgba(0,0,0,.753);font-size:40px;color:#fff;z-index:3000;display:flex;flex-direction:column;align-items:center;padding-top:50px;opacity:0;pointer-events:none}.transit-overlay-visual{display:flex;flex-direction:row;height:50vh;min-height:350px;min-width:350px;width:50vh;border-radius:15px;margin:20px 0 30px;overflow:hidden;background-color:green}.transit-overlay-visual-icon-wrapper{border:1px solid green;width:100%!important}.transit-overlay-visual-icon{width:100%;animation:scroll-left 10s linear infinite;margin-right:25%}.transit-overlay-progress{width:50%}.drop{background:-webkit-gradient(linear,0 0,0 100%,from(rgba(13,52,58,.4627450980392157)),to(hsla(0,0%,100%,.5)))}@keyframes scroll-left{0%{transform:translateX(-225%)}to{transform:translateX(100%)}}body{font-family:"Open Sans",sans-serif;background-color:#65b9f1;margin:0;box-sizing:border-box}.logo{width:40%;display:inline-block;margin:1% 0 0 5%}.app-wrapper{width:100%}.app-header{display:flex;justify-content:space-between}.map{margin:auto;width:90%;text-align:center;box-shadow:0 4px 8px 0 rgba(0,0,0,.534);transition:.3s;border-radius:10px}.map:hover{box-shadow:0 10px 20px 0 rgba(0,0,0,.2)}.tripControls{text-align:center;margin-top:20px}.bus-button{-webkit-appearance:none;appearance:none;font-size:18px;line-height:35px;width:150px;background-color:#000;color:#fff;display:block;margin:auto auto 15px;cursor:pointer;box-shadow:0 10px 20px 0 rgba(0,0,0,.2);border:none}.bus-button:hover{transition:.3s;color:#8ddb97}.try-again-btn{margin-top:10px!important;background-color:#fff!important;color:#000!important}.legend{display:flex;flex-direction:column;grid-row-gap:10px;row-gap:10px;background-color:#fff;width:75%;font-weight:700;padding:20px;box-shadow:0 4px 8px 0 rgba(28,15,53,.603);text-align:center}.legend,.legend-icon{margin-left:auto;margin-right:auto}.legend-icon{height:40px;width:auto;display:block}.tooltip{position:relative;display:inline-block;border-bottom:1px dotted #000;text-align:center;color:grey;cursor:help}.tooltip .tooltiptext{visibility:hidden;width:200px;background-color:#000;color:#fff;text-align:center;padding:5px 0;border-radius:6px;text-decoration:none;position:absolute;top:100%;right:0}.tooltip:hover .tooltiptext{visibility:visible;z-index:9999999;position:absolute}.display{padding:5px;background-color:#000;color:#fff;width:calc(75% + 33px);margin:auto;text-align:center;box-shadow:0 4px 8px 0 rgba(2,14,13,.788)}.app-info{display:flex;flex-direction:column;margin-top:30px;justify-content:center}.loader{border:12px solid #f3f3f3;border-top-color:#236088;border-radius:50%;width:10px;height:10px;margin:auto auto 20px;animation:spin 2s linear infinite}.empty{margin-bottom:20px}.menu-div,.menu-icon{transition:.3s;display:inline-block;height:30px;margin:1% 5% 0 0}.menu-div{display:none}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.destination{position:relative;bottom:20px}#mapid{height:500px}@media screen and (min-width:760px){.map{width:80%}.tooltip .tooltiptext{width:300px}.header{font-size:26px;height:200px;bottom:100px;width:auto}.title2{top:10px}.logo{margin:0;width:40%}}@media screen and (min-width:1250px){.title2{right:0}.logo{padding-left:10%;width:30%}.tooltip .tooltiptext{width:400px}.app-info{flex-direction:row}.display,.legend{min-height:150px;height:-moz-fit-content;height:fit-content;padding:35px}.display{& h2{margin-top:0}}}.roboto-thin{font-weight:100}.roboto-light,.roboto-thin{font-family:"Roboto",sans-serif;font-style:normal}.roboto-light{font-weight:300}.roboto-regular{font-weight:400}.roboto-medium,.roboto-regular{font-family:"Roboto",sans-serif;font-style:normal}.roboto-medium{font-weight:500}.roboto-bold{font-weight:700}.roboto-black,.roboto-bold{font-family:"Roboto",sans-serif;font-style:normal}.roboto-black{font-weight:900}.roboto-thin-italic{font-weight:100}.roboto-light-italic,.roboto-thin-italic{font-family:"Roboto",sans-serif;font-style:italic}.roboto-light-italic{font-weight:300}.roboto-regular-italic{font-weight:400}.roboto-medium-italic,.roboto-regular-italic{font-family:"Roboto",sans-serif;font-style:italic}.roboto-medium-italic{font-weight:500}.roboto-bold-italic{font-weight:700}.roboto-black-italic,.roboto-bold-italic{font-family:"Roboto",sans-serif;font-style:italic}.roboto-black-italic{font-weight:900}