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}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}html,body,#root,.App{height:100%;min-height:100%;max-height:100%;background-color:#fff}.App{display:flex;flex-direction:column}.reconnecting{position:fixed;top:0;left:0;right:0;background-color:#b71c1c;color:#fff;text-align:center;padding:4px 0;font-size:14px;z-index:10}.location-switcher{background-color:#282c34;color:#fff;padding:6px 16px;flex:0 0 auto;font-size:14px;display:flex;gap:16px}.location-switcher a{color:#9fb4d0;text-decoration:none}.location-switcher a:hover{color:#fff;text-decoration:underline}.location-switcher .current{color:#fff;font-weight:700}.App-header{background-color:#282c34;color:#fff;padding-left:16px;height:96px;flex:0 0 auto;font-size:40px;line-height:96px}main{display:flex;flex:1 1 auto;max-height:100%;overflow:hidden}.schedule{overflow:auto;flex:0 1 auto;padding:8px 0 8px 8px}.diagram{flex:0 0 auto;align-self:flex-start}::-webkit-scrollbar{width:0}cast-media-player{display:none}@media(max-width:1000px){main{flex-direction:column-reverse}.schedule{padding:8px}.location-switcher{display:none}}@media(min-width:1200px){main{padding:8px}.schedule{padding:8px}}.diagram{width:526px;max-width:100%}line{stroke-width:6px}path{stroke-width:6px;stroke:#000;fill:none}path.base{stroke:#d3d3d3}path.active{stroke-dasharray:20;animation:dash 60s linear;stroke-width:12px}path.pending{stroke:#999;stroke-width:8px;stroke-dasharray:8 12;animation:dash 600s linear infinite}path.pending.diverging{stroke:#c8860a}.siding{font-size:40px;font-weight:700}.points-blade{transition:transform 2.5s ease-in-out}.points-blade line{stroke:#444}@keyframes dash{to{stroke-dashoffset:-3000}}.panel{width:526px;max-width:100%;flex:0 0 auto;align-self:flex-start;background:#10161b;border-radius:12px;transition:filter .5s,opacity .5s}.panel.stale{filter:grayscale(.7);opacity:.55}.panel path{fill:none;stroke-width:2.5px}.panel .track,.panel .leg{stroke:#48555f}.panel .occupied-section{stroke:#f4503f;stroke-width:5px}.panel .occupied-flow{stroke:#ffd9d4;stroke-width:5px;stroke-dasharray:5 20;animation:panel-dash 100s linear infinite}.panel .set-section{stroke:#cfdae2;stroke-width:3px;stroke-dasharray:10 8;animation:panel-dash 600s linear infinite}.panel .set-section.diverging{stroke:#e8a13a}.panel .occupied-flow.diverging{stroke:#ffd58a}.panel .berth-box rect{fill:none;stroke:#35424e;stroke-width:1px}.panel .berth-box.occupied rect{fill:#182430;stroke:#55656f}.panel .dir{stroke-width:2.5px}.panel text{font-family:ui-monospace,Cascadia Mono,Menlo,Consolas,monospace;font-weight:700}.panel .headcode{font-size:14px;letter-spacing:1px;text-anchor:middle;dominant-baseline:central}.panel .section-headcode{font-size:13px;letter-spacing:1px}.panel .points-blade{transition:transform 2.5s ease-in-out}.panel .points-blade line{stroke:#dfe8ee;stroke-width:2.5px}.panel .siding{font-size:26px;fill:#48555f}@keyframes panel-dash{to{stroke-dashoffset:-3000}}.schedule{font-size:20px}.schedule-train{display:flex;margin-bottom:8px;border-left:5px solid transparent}.schedule-time{flex:0 0 auto;width:65px;font-weight:700}.schedule-right{flex:1 1 auto;min-width:0}.in-view .schedule-right{padding-left:57px}.schedule-right .text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.locations{display:inline-block;margin-top:8px;height:22px}.location{display:inline-block;border:1px solid black;border-radius:100%;width:20px;height:20px;margin-right:8px}.location:last-child{margin-right:0}.location.passed{background-color:#d3d3d3}.location.target{background-color:orange}.location.latest{background-color:#000}.location.off{background-color:red}