@import"https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap";html,body{margin:0;height:100%;background:#000;overflow:hidden;overflow-y:hidden;overflow-x:hidden}*{font-family:Poppins;margin:0;padding:0;box-sizing:border-box}#js-map{background:#000}.map{position:absolute;top:0;bottom:0;width:100%;background:#000;z-index:1;overflow:hidden}.settingsPage{position:absolute;display:flex;justify-content:center;align-items:center;top:0;bottom:0;left:0;right:0;background:#00000080;z-index:2;overflow:hidden}.closeButtonSettings{position:absolute;display:flex;border:none;background:none;color:#be0000;font-size:60px;align-items:center;justify-content:center;width:50px;height:50px;right:0;top:0}.closeButtonSettings:hover{cursor:pointer}.settingsContainer{position:relative;width:50%;height:fit-content;max-height:70%;background:#2c2c2c;padding:25px;border-radius:25px;overflow-y:scroll;overflow-x:hidden}.settingsCenter{display:flex;height:fit-content;max-height:70%;overflow:hidden;flex-wrap:wrap;flex-direction:column;justify-content:center;align-items:center;gap:5px}.titleSettings{color:#fff;font-size:50px;font-weight:900}.settingsDivider{width:100%;height:1px}.settingsHolder{display:flex;flex-direction:row;gap:20px;flex-wrap:wrap;width:100%;justify-content:center}.mapTypeSettings,.trackTypeSettings,.trainMarkerSettings,.stationMarkerSettings,.incidentMarkerSettings{display:flex;gap:5px;flex-direction:column;color:#fff;align-items:center;background-color:#191919;padding:10px;border-radius:20px;height:fit-content}.mapTypeSettingsTitle,.trackTypeSettingsTitle,.trainMarkerSettingsTitle,.stationMarkerSettingsTitle,.incidentMarkerSettingsTitle,.trainTimetableTitle{color:#fff;font-size:30px;font-weight:700}.mapTypeOptions,.trackTypeOptions,.trainMarkerOptions,.stationMarkerOptions,.incidentMarkerOptions{display:flex;gap:5px;flex-direction:column;width:fit-content}.stationTimetable{position:absolute;display:flex;justify-content:center;align-items:center;top:0;bottom:0;left:0;right:0;background:#00000080;z-index:2;overflow:hidden}.stationTimetableSearchContainer{position:relative;width:100vw;height:100vh;background:#2c2c2c;padding:25px}.closeButtonStationTimetable{position:absolute;display:flex;border:none;background:none;color:#be0000;font-size:60px;align-items:center;justify-content:center;width:50px;height:50px;top:0;right:0}.closeButtonStationTimetable:hover{cursor:pointer}.stationTimetableCenter{display:flex;height:100vh;overflow:auto;flex-wrap:wrap;flex-direction:column;justify-content:center;gap:5px}.searchTimetableButton,.searchTrainButton{border:none;background:none}.trainTimetable{position:absolute;display:flex;justify-content:center;align-items:center;top:0;bottom:0;left:0;right:0;background:#00000080;z-index:2;overflow:hidden}.trainTimetableContainer{text-align:center;position:relative;width:100vw;height:100%;background:#2c2c2c;padding:25px;overflow-y:scroll;overflow-x:hidden}.closeButtonTrainTimetable{position:absolute;display:flex;border:none;background:none;color:#be0000;font-size:60px;align-items:center;justify-content:center;width:50px;height:50px;right:0;top:0}.closeButtonTrainTimetable:hover{cursor:pointer}.trainTimetableCenter{width:100%;height:80%;display:flex;flex-direction:column;flex-wrap:wrap;align-items:center;gap:10px;font-size:18px}.trainTimetableResult{margin:0;overflow-y:scroll;display:flex;justify-content:center;align-items:center;max-height:100%;border-radius:20px;background:#4b4b4b;color:#fff;padding:0 10px}.replacements{position:absolute;display:flex;justify-content:center;align-items:center;top:0;bottom:0;left:0;right:0;background:#00000080;z-index:2;overflow:hidden}.replacementsContainer{position:relative;width:100vw;height:100vh;background:#2c2c2c;padding:25px}.closeButtonReplacements{position:absolute;display:flex;border:none;background:none;color:#be0000;font-size:60px;align-items:center;justify-content:center;width:50px;height:50px;top:0;right:0}.closeButtonReplacements:hover{cursor:pointer}.replacementsCenter{display:flex;height:100%;overflow:scroll;flex-direction:column;flex-wrap:wrap;justify-content:center;gap:5px}:root{--map-tiles-filter: brightness(.6) invert(1) contrast(3) hue-rotate(200deg) saturate(.3) brightness(.7);--body-color: #E4E9F7;--background-color: #535353;--background-color-0_8: rgba(83, 83, 83, .8);--primary-color: #695CFE;--primary-color-hover: #3e3694;--primary-color-light: #e0dfe7;--primary-color-light-hover: #b6b5bb;--toggle-color: #DDD;--text-color: #707070;--icon-color: black;--tran-02: all .2s ease;--tran-03: all .3s ease;--tran-04: all .4s ease;--tran-05: all .5s ease}body{height:100vh;background:var(--body-color)}.sidebar .text{font-size:16px;font-weight:500;color:#fff}.sidebar .image{min-width:70px;display:flex;align-items:center}.logoImage{border-radius:100%}@keyframes openSidebar{0%{width:55px}to{width:270px}}.sidebar{z-index:3;position:relative;top:0;left:0;padding:5px 0 0 5px;height:100%;width:55px;background:transparent;pointer-events:none;transition:all 1s ease}#sideBarToggleIcon{font-size:40px;transition:all .5s ease}.sidebar button{height:50px;width:90%;display:flex;align-items:center;pointer-events:all}.sidebar button:hover{cursor:pointer;background-color:var(--primary-color-light-hover)}.sidebar button .icon{display:flex;align-items:center;justify-content:center;min-width:60px;font-size:20px}.sidebar button .icon,.sidebar button .text{color:var(--text-color)}.sidebar header{position:relative}.image-text{visibility:hidden}.sidebar image-text img{width:40px;border-radius:6px}.sidebar header .image-text{display:flex;align-items:center}header .image-text .header-text{display:flex;flex-direction:column}.header-text .name{font-weight:600}.header-text .text{margin-top:-2px}.sidebar header .toggle{right:0;border:none;top:0;height:50px;width:50px;background:var(--primary-color);display:flex;align-items:center;justify-content:center;border-radius:50%;color:#fff;font-size:40px;position:absolute}.sidebar header .toggle:hover{background:var(--primary-color-hover)}.sidebar .map-link,.sidebar .station-link,.sidebar .train-link,.sidebar .credits-link,.sidebar .Replacement-link,.sidebar .incidents-link{background:var(--primary-color-light)}.sidebar button{height:50px;display:inline-block;text-decoration:none}.menu-links{margin-top:10px;display:flex;flex-direction:column;gap:10px;align-items:center}.menu-bar{visibility:hidden}.version{color:#fff;font-size:20px;margin-top:0;position:absolute;bottom:0}.darkMode{filter:var(--map-tiles-filter, none)}.center,.stationTimetableCenter{margin:0;width:100%;height:100%;padding:10px;text-align:center}.titleStation,.trainTimetableTitle{color:#fff;font-size:50px;font-weight:900}.center .search-input{background:#fff;width:100%;border-radius:5px;position:relative;box-shadow:0 1px 5px 3px #0000001f}.search{display:flex;align-items:center;justify-content:center;gap:5px;flex-wrap:wrap}.search .enterStation{height:55px;width:250px;outline:none;border:none;border-radius:5px;padding:0 20px;font-size:20px;box-shadow:0 1px 5px #0000001a}.autocomplete-holder{width:100%;display:flex;align-items:center;justify-content:center;align-self:center}.autocomplete-box{min-height:50px;width:400px;margin-right:45px;border-radius:5px;background:#fff;padding:10px;top:40%;max-height:100px;overflow-y:scroll;flex:0 0 auto}.search-input .autocomplete-box{padding:10px;opacity:0;pointer-events:none;max-height:280px;overflow-y:auto}.search-input.active .autocomplete-box{padding:10px 8px;opacity:1;pointer-events:auto}.autocomplete-box li{list-style:none;padding:8px 12px;display:none;width:100%;height:100%;cursor:default;border-radius:3px;color:#000}.autocomplete-box-ul{margin:0;padding:0;width:100%;min-height:50px;max-height:200px}.search-input.active .autocomplete-box li{display:block}.autocomplete-box li:hover{background:#efefef}.search .icon{display:flex;align-items:center;justify-content:center;height:40px;width:40px;text-align:center;font-size:40px;color:#644bff;cursor:pointer}.stationResults{align-self:center;width:fit-content;padding-left:5px;padding-right:5px;height:45%;max-height:25vh;margin-bottom:0;background:gray;overflow-y:scroll}.stationTimetableRows{display:flex;flex-direction:row;justify-content:space-between}.stationTimetableRows a{color:#fff}.avgangar,.trainAvgangar{display:flex;flex-direction:row;gap:5px;justify-content:center;width:100%}.avgangInfo,.trainAvgangInfo{display:flex;flex-direction:column;color:#fff;width:fit-content;align-items:center;max-height:150px}#trainAvgangTrainNumberContainer{width:100%}.trainDataContainer{display:flex;flex-direction:column;flex-wrap:wrap;align-items:center;height:80%;gap:5px}#trainAvgangArrivalContainer,#trainAvgangDepartureContainer{width:100%}.trainIdentifierText{color:#fff;align-self:flex-start;background-color:#4b4b4b;padding:0 5px;border-radius:10px}.avgangInfoField,.trainAvgangInfoField{font-weight:900}.stationTimetableRow{color:#fff;display:flex;flex-direction:row;justify-content:space-between}.replacement{background-color:gray;height:80%;padding-left:5px;padding-right:5px;display:flex;flex-direction:row;gap:5px;justify-content:center;overflow:scroll}.replacementInfo{display:flex;flex-direction:column;color:#fff;width:100%;text-align:center}.replacementInfoField{font-weight:900}.titleReplacement{align-self:center;color:#fff;font-size:50px;font-weight:900}.leaflet-tooltip{font-size:10px;color:#000;background-color:gray}.leaflet-popup-content-wrapper{font-size:12px;color:#000;background-color:#fff;width:fit-content}.leaflet-control{background-color:var(--background-color);color:#fff}.leaflet-container .leaflet-control-attribution{background-color:var(--background-color-0_8)}#avgangTrainNumberContainer,#avgangOperatorContainer,#avgangTrackContainer,#avgangToContainer,#avgangFromContainer,#avgangTimeContainer,#trainAvgangOperatorContainer,#trainAvgangTrackContainer,#trainAvgangTimeContainer,.lineHorizontal{width:100%}@media only screen and (max-width: 945px){.titleStation{color:#fff;font-size:45px}}@media only screen and (max-width: 862px){.titleStation{color:#fff;font-size:40px}}@media only screen and (max-width: 779px){.titleStation{color:#fff;font-size:35px}}.credits{position:absolute;display:flex;justify-content:center;align-items:center;top:0;bottom:0;left:0;right:0;background:#00000080;z-index:2;overflow:hidden}.creditsContainer{position:relative;width:80%;max-width:600px;background:#2c2c2c;padding:20px;border-radius:20px;text-align:center;overflow-y:scroll;overflow-x:hidden;max-height:75vh}.closeButtonCredits{position:absolute;display:flex;border:none;background:none;color:#be0000;font-size:60px;align-items:center;justify-content:center;width:50px;height:50px;top:0;right:0}.closeButtonCredits:hover{cursor:pointer}.titleCredits{color:#fff;font-size:50px;font-weight:900}.creditsCenter{display:flex;height:fit-content;max-height:70%;overflow:hidden;flex-wrap:wrap;flex-direction:column;justify-content:center;gap:5px;width:100%}.creditsHolder{display:flex;flex-direction:row;align-items:center;gap:10px;flex-wrap:wrap}.mainCredits{display:flex;flex-direction:row;justify-content:center;gap:10px;flex:98%;width:100%;padding:20px;flex-wrap:wrap;background-color:#8b7600;border-radius:25px}.mainCreditsTitle{color:#fff;font-weight:900;font-size:25px;flex:98%}.mainCredit{display:flex;flex-direction:column;color:#fff;flex:48%;background-color:#212121;border-radius:25px}.mainCreditName{color:#fff;font-weight:900;font-size:30px;background-color:transparent;border:none;text-decoration:underline}.mainCreditName:hover{cursor:pointer}.mainCreditRole{font-size:20px}.subCredits{display:flex;flex-direction:row;justify-content:center;gap:10px;flex:98%;width:100%;padding:20px;flex-wrap:wrap;border-radius:25px;background-color:#535353}.subCreditsTitle{color:#fff;font-weight:900;font-size:25px;flex:98%}.subCredit{display:flex;flex-direction:column;color:#fff;flex:48%;background-color:#212121;border-radius:25px;padding:0 10px}.subCreditName{color:#fff;font-weight:900;font-size:20px;background-color:transparent;border:none;text-decoration:underline}.subCreditName:hover{cursor:pointer}.subCreditRole{font-size:15px}#settingsButton{display:flex;justify-content:center;align-items:center;position:absolute;bottom:20px;right:20px;background-color:#535353;border:none;color:#fff;font-size:30px;width:50px;height:50px;border-radius:10px;cursor:pointer;z-index:2}@media only screen and (max-width: 580px){.settingsContainer{width:80%}}.fa-xmark{font-size:70px;font-style:normal}.incidents{position:absolute;display:flex;justify-content:center;align-items:center;top:0;bottom:0;left:0;right:0;background:#00000080;z-index:2;overflow:hidden}.incidentsContainer{position:relative;width:100vw;height:fit-content;max-height:100vh;background:#2c2c2c;padding:70px 25px 25px;overflow-y:scroll;overflow-x:hidden}.incidentsCenter{display:flex;height:fit-content;max-height:70%;overflow:hidden;flex-wrap:wrap;flex-direction:column;justify-content:center;align-items:center;gap:5px}.closeButtonIncidents{position:absolute;display:flex;border:none;background:none;color:#be0000;font-size:2.5em;align-items:center;justify-content:center;width:fit-content;height:fit-content;top:0;right:0}.closeButtonIncidents:hover{cursor:pointer}.titleIncident{color:#fff;font-size:2.5em;font-weight:900}.incidentsList{display:flex;flex-direction:row;gap:20px;flex-wrap:wrap;flex:50%;justify-content:center}.incident{display:flex;flex-direction:column;color:#fff;flex:50%;flex-wrap:wrap;width:fit-content;height:fit-content;max-width:400px;text-align:center;gap:10px;background-color:#343434;padding:10px;border-radius:20px;align-items:center}.incidentInfoDiv{display:flex;flex-direction:column;flex-wrap:wrap;background-color:#4d4d4d;width:fit-content;border-radius:20px;padding:5px 20px}.incidentTitle{font-weight:900;font-size:larger}.incidentInfoTitle,.incidentType{font-weight:900}.incidentInfo{display:flex;flex-direction:column;color:#fff;width:100%;text-align:center}.incidentInfoField{font-weight:900}.incidentAffectsDiv{display:flex;justify-content:center;align-items:center;gap:5px;flex-direction:column}.incidentAffectsDropdownDiv{display:flex;gap:5px;justify-content:center;align-items:center}.incidentAffectsToggleButton{border:none;background-color:transparent;color:#fff;font-size:20px}.incidentAffectsToggleButton:hover{cursor:pointer}.incidentAffectStationsList{height:0;display:flex;flex-direction:column;visibility:visible;overflow:hidden;transition:height 1s linear}.show{height:calc-size(auto,size)}.privacy-link{color:#4dabff;text-decoration:none;font-size:.85rem;padding:.5rem 1rem;display:block;text-align:center;transition:var(--tran-03);position:absolute;bottom:30px;left:0;right:0;background:#0003;border-radius:4px;margin:0 5px;font-weight:500}.privacy-link:hover{color:#6bb9ff;background:#0000004d}.train-marker{position:relative;width:32px;height:32px;overflow:visible}.marker-base{position:absolute;top:0;left:0;width:32px;height:32px;object-fit:contain;transform:scale(1)}.marker-arrow{position:absolute;top:-6px;left:-2px;width:40px;height:40px;transform-origin:50% 55%;pointer-events:none;object-fit:contain;transform:scale(1)}