:root{font-family:Helvetica,system-ui,Avenir,Arial,sans-serif;line-height:1.5;font-weight:400;--color-text: #fff;--color-highlight: #c9c9c9;--color-accent: #5a5a5a;--color-panel: #424242;--color-background: #242424;color-scheme:dark;color:var(--color-text);background-color:var(--color-background);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{width:100%;padding:30px;overflow-x:hidden;display:flex;flex-direction:column;justify-content:space-between}body{margin:auto;display:flex;overflow-x:hidden;min-width:300px;max-width:1280px;min-height:100vh}h1{font-size:3.75em;font-weight:700}h2{font-size:2.8em;font-weight:700}h3{font-size:1.2em;font-weight:700;margin:0}p{font-size:1.2em;margin-block:.5em}button{background-color:var(--color-panel);border:1px solid rgba(255,255,255,.1);color:inherit;border-radius:9999px;padding:.2rem .5rem;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;font:inherit;font-family:Helvetica,system-ui,Avenir,Arial,sans-serif;line-height:inherit;text-align:center;text-decoration:none;transition:filter .2s ease,transform .1s ease,box-shadow .2s ease,outline .15s ease;outline:2px solid transparent;outline-offset:2px}button:hover{filter:brightness(1.2);box-shadow:0 4px 12px #0000001a;outline-color:var(--color-highlight)}button:active{transform:scale(.96);filter:brightness(.95)}button:focus-visible{outline:2px solid var(--color-highlight);outline-offset:2px}.DialogOverlay{background-color:#000c;position:fixed;inset:0;animation:overlayShow .15s cubic-bezier(.16,1,.3,1)}.DialogContent{box-sizing:border-box;background-color:var(--color-background);border-radius:8px;box-shadow:0 10px 38px -10px #161718e6;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:450px;max-width:85vw;max-height:85vh;overflow-y:auto;overscroll-behavior:contain;padding:25px;animation:contentShow .15s cubic-bezier(.16,1,.3,1)}.DialogTitle{margin-block:-.25em}.DialogDescription{margin-block:10px}@keyframes overlayShow{0%{opacity:0}to{opacity:1}}@keyframes contentShow{0%{opacity:0;transform:translate(-50%,-48%) scale(.96)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.text-light{font-weight:300}.text-bold{font-weight:700}.truncate{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.inline-route{height:1em;vertical-align:middle;margin-top:-.2em}footer{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;margin-top:2em;margin-bottom:1em}footer p{opacity:40%;margin:0;font-size:.7rem}footer a{color:var(--color-text)}.station-board{display:flex;flex-direction:column;gap:20px}.station-board h1,.station-board h2{margin-block:-.25em}.station-board p{font-size:1.2em;margin-block:-.25em}.station-board-arrival-panels-stack{display:flex;flex-direction:column;gap:26px}.station-board-arrival-panels-list{display:flex;flex-direction:column;margin-top:10px;gap:40px}header{display:flex;flex-direction:row;justify-content:space-between}.arrival-panel-outer{position:relative;background-color:var(--color-panel);border-radius:8px;padding:8px;display:flex;flex-direction:row;justify-content:end;align-items:center;gap:20px}.train-logo-container{position:relative;display:flex;justify-content:center;align-items:center;width:fit-content}.arrival-panel-train-logo{height:90px}.arrival-panel-destination{flex-grow:1;display:flex;flex-direction:column;gap:3px}.arrival-panel-destination p{font-size:1.6em}.arrival-panel-arrival-time{display:flex;flex-direction:column;align-items:flex-end;margin-right:6px;min-width:50px}.arrival-panel-arrival-time p{font-size:1.15em}.arrival-panel-backing{background-color:#242424}.arrival-panel-backing-fade{background:linear-gradient(to right,#242424,#24242400)}.arrival-panel-darken-below{background-color:#2424244d}.arrival-panel-extra-darken-below{background-color:#24242466}.arrival-panel-train-logo.arrival-panel-compact{height:60px;margin-right:-10px}h1.arrival-panel-compact{font-size:2.8em}.arrival-panel-list-wrapper{display:flex;flex-direction:column;gap:6px}.arrival-panel-list-top-row{display:flex;flex-direction:row;justify-content:space-between}.arrival-panel-list-header{display:flex;flex-direction:row;align-items:center;gap:7px}.arrival-panel-list-header img{height:2.2em}.arrival-panel-list-container{display:flex;flex-direction:column;flex-wrap:wrap}.alerts-button{display:flex;align-items:center;gap:5px;font-size:1.5em;flex-shrink:0}.alerts-button img{height:1.1em}.alerts-button span{margin-bottom:-.2em}.alerts-container{display:flex;flex-direction:column;gap:.75em;margin-top:1em}.alert-item{display:flex;flex-direction:column}.alert-header{display:flex;flex-direction:row;height:1.5em;gap:5px}.warning-overlay{position:absolute;bottom:-2px;right:-2px}.warning-overlay-compact{position:absolute;bottom:-2px;right:-12px}.warning-overlay svg{width:2em;height:auto}.warning-overlay-compact svg{width:1.5em;height:auto}.clock{font-size:2.2em}.station-selector-label-container{display:flex;flex-wrap:wrap;gap:5px}.station-selector-label-container span{margin-right:3px}.station-selector-label-container img{height:28px;margin-top:2px}@media(max-width:800px){#root{padding:18px}h1{font-size:1.5em}h2{font-size:1.25em}h3,p{font-size:1em}button{padding:.1rem .3rem}.station-board{gap:10px}.arrival-panel-list-wrapper{gap:4px}.station-board-arrival-panels-stack{gap:12px}.station-board-arrival-panels-list{margin-top:10px;gap:25px}.arrival-panel-list-header{gap:3px}.arrival-panel-list-header img{height:1.1em}.arrival-panel-outer{gap:8px;height:44px}.arrival-panel-destination p{font-size:.8em}.arrival-panel-arrival-time{margin-right:2px;gap:4px;min-width:18px}.arrival-panel-arrival-time p{font-size:.5em;margin-top:-.5em}.arrival-panel-train-logo{height:35px}.arrival-panel-train-logo.arrival-panel-compact{height:24px;margin-right:-3px}h1.arrival-panel-compact{font-size:1em}.alerts-button{gap:3px;font-size:.8em}.alerts-button img{height:1.1em}.alerts-button span{margin-bottom:-0em}.clock{display:none}.station-selector-label-container{gap:3px}.station-selector-label-container span{margin-right:2px}.station-selector-label-container img{height:20px;margin-top:0}}