@import url(https://fonts.googleapis.com/css2?family=Manrope:wght@400;800&display=swap);@import url(https://fonts.googleapis.com/css2?family=Roboto+Mono&display=swap);@import url(https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,700&display=swap);.TrainIcon .label{color:var(--color-primary);font-size:16px;font-weight:900;left:50%;line-height:1px;position:absolute;text-align:center;top:50%;width:100%}.InfoButton{position:relative}.SearchButton{border-left:var(--border-internal)}.SearchButton .applied svg{fill:#fff!important;stroke:#fff!important;background-color:var(--color-primary)!important;border-radius:3px}.SignalboxLogo{height:56px;position:relative;width:56px}.SignalboxLogo img{height:18px;left:50%;position:absolute;top:50%;transform:translate(-50%,-55%);width:18px}.ModalNavigation{border:var(--debug-border);border-radius:var(--overlay-border-radius);bottom:20px;left:10px;overflow:hidden;pointer-events:none;position:absolute;top:10px;width:392px;z-index:10}.ModalNavigation .header,.ModalNavigation.open{box-shadow:var(--overlay-box-shadow)}.ModalNavigation .header{background-color:var(--color-neutral);border:1px solid #dadada;border-radius:var(--overlay-border-radius);height:56px;pointer-events:auto}.ModalNavigation .header.open{border-bottom:var(--border-internal);border-bottom-left-radius:0;border-bottom-right-radius:0;box-shadow:none}.ModalNavigation .button-wrapper{align-content:center;display:flex;flex-direction:row;height:56px;justify-content:left;pointer-events:auto;width:100%}.ModalNavigation .modal-body{background-color:var(--color-neutral);border:var(--debug-border);height:calc(100% - 56px);overflow-y:auto;pointer-events:auto;width:100%}@media only screen and (max-width:500px){.ModalNavigation{bottom:0;left:0;right:0;top:auto;width:auto}.ModalNavigation.open{bottom:0;height:auto;left:0;right:0;top:30%;width:auto}.ModalNavigation.home.open{top:0}.ModalNavigation.find_my_train.open,.ModalNavigation.info.open,.ModalNavigation.search.open{top:10%}}.HomeWidget{background-color:var(--color-primary);border:var(--debug-border);height:100%;overflow-y:auto;pointer-events:auto;width:100%;z-index:100}.HomeWidget,.HomeWidget .container{overflow-x:hidden;position:relative}.HomeWidget .container{padding-top:60px;z-index:10}.HomeWidget .logo-wrapper{align-items:center;border:none;display:flex;flex-direction:column;justify-content:center}.HomeWidget .logo-wrapper img{height:60px}.HomeWidget .text-wrapper{align-items:center;display:flex;flex-direction:column;height:60px;justify-content:center}.HomeWidget .text-wrapper p{color:#fff;font-size:18px;font-weight:400;line-height:24px;padding:0;text-align:center}.HomeWidget .description{color:#fff;font-family:var(--font-family-secondary);font-size:12px;font-weight:400;padding-block:0 5px;width:100%}.HomeWidget .button-wrapper{align-items:center;display:flex;flex-direction:column;height:100px;justify-content:center}.HomeWidget .button-super-dark{background:#000;border:#000;color:#fff}.HomeWidget .button-super-dark:hover{background-color:#fff;color:var(--color-primary)}.HomeWidget .attribution{align-items:center;border:var(--debug-border);display:flex;flex-direction:row;height:50px;justify-content:center}.HomeWidget .attribution p{border:var(--debug-border);color:#fff;font-size:12px;line-height:0;padding:0 7px 0 0}.HomeWidget .lner-line-wrapper{height:100px;left:calc(var(--size-large)*-1);overflow:hidden;position:relative;width:calc(100% + var(--size-large)*2);z-index:100}.HomeWidget .lner-line{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:100%}.Logo,.Logo .primary-logo-wrapper{border:var(--debug-border);position:relative}.Logo .primary-logo-wrapper{height:40px}.MapContainer{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--bg-secondary);font-family:var(--primary-font-family);height:100%;overflow:hidden;position:absolute;width:100%}.MapContainer.border{border:var(--map-border)}.MapContainer .location-unavailable{background-color:var(--color-brand-primary);font-family:var(--primary-font-family);height:100%;opacity:.9;position:fixed;width:100%;z-index:100000}.MapContainer .MainMenu{left:12px;top:12px}.MapContainer .copyright-wrapper{bottom:2px;left:2px;position:absolute}.MapContainer .copyright-wrapper h2{background-color:var(--color-neutral);font-size:10px}.BackButton{background-color:initial;border-radius:var(--overlay-border-radius);cursor:pointer;height:40px}.BackButton .row{align-items:center;display:flex;flex-direction:row;flex-wrap:nowrap;height:100%;justify-content:flex-start}.BackButton .icon{height:23px;width:23px}.BackButton svg{display:block;height:100%;margin:auto}.BackButton:hover{background-color:var(--color-tertiary)}.BackButton .back-label{color:var(--color-hyperlink);font-family:var(--font-family-secondary);font-size:12px;font-weight:700;padding:0 2px}.BackButton svg{fill:var(--color-hyperlink)}.SearchWidget{height:100%;position:relative}.SearchResult{overflow:hidden;position:relative}.SearchResult .header{border:var(--debug-border);border-bottom:var(--border-internal);height:-webkit-max-content;height:max-content;padding:28px 30px 10px;position:relative}.SearchResult .header .title{border:var(--debug-border);color:var(--color-primary);font-family:var(--primary-font-family);font-size:18px;font-weight:700}.SearchResult .header .trains-found{border:var(--debug-border);color:var(--color-text-secondary);font-family:var(--secondary-font-family);font-size:16px;font-weight:700;padding-top:11px}.SearchResult .header .summary-container{align-items:flex-end;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between}.SearchResult .header .delay{border:var(--debug-border);color:var(--color-text-secondary);font-family:var(--secondary-font-family);font-size:16px;font-weight:700;padding:4px 0}.SearchResult .header .view-trains{border:var(--debug-border);color:#003f56;cursor:pointer;font-family:var(--primary-font-family);font-size:14px;padding:0;text-decoration:underline}.SearchResult .body{border:var(--debug-border);border-bottom:var(--border-internal);max-height:calc(60vh - 140px);overflow-y:auto;padding:20px 30px 80px;position:relative}.SearchResult .item{background-color:#fcfcfc;border:1px solid var(--color-brand-primary);border-radius:4px;display:flex;flex-direction:row;flex-wrap:nowrap;height:60px;justify-content:space-between;margin-bottom:10px;padding:5px 7px}.SearchResult .item:hover{background-color:#f6f8f8;cursor:pointer}.SearchResult .item .left-column{max-width:calc(100% - 20px)}.SearchResult .item .right-column{padding:3px 0 0;width:20px}.SearchResult .item .train_name{font-size:16px;font-weight:700;overflow:hidden;padding:2px 7px;text-overflow:ellipsis;white-space:nowrap}.SearchResult .item .toc_name{color:#777;font-family:Roboto Mono,monospace;font-size:12px;font-weight:300;padding:2px 7px}.SearchResult .footer{column-gap:10px;display:flex;flex-direction:column;height:160px;justify-content:space-between;padding:15px 30px;width:100%}.SearchResult .no-trains{font-size:16px;left:50%;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%)}.Trains{overflow-y:fit-content;padding-bottom:20px;position:relative}.train-wrapper{margin-bottom:10px}.TrainSummary{background-color:#fff;border:var(--border-internal);border-radius:var(--overlay-border-radius);padding:16px}.TrainSummary.select-enabled{cursor:pointer}.TrainSummary.select-enabled:hover{background-color:var(--color-tertiary);box-shadow:0 0 0 2px var(--color-primary) inset;box-sizing:border-box}.TrainSummary .wrapper{width:100%}.TrainSummary .toc-name{font-family:var(--font-family-primary);font-size:14px;padding-bottom:2px}.TrainSummary .toc-name,.TrainSummary h2{border:var(--debug-border);font-weight:700}.TrainSummary h2{color:var(--color-text-heading);font-size:20px;line-height:28px;overflow:hidden;padding-block:7px;text-overflow:ellipsis;white-space:nowrap}.TrainSummary .display-time{color:#4b4b4b;display:inline-block;font-family:var(--font-family-primary);font-size:14px;font-weight:400;padding-left:5px}.TrainSummary .train-delay{border:var(--debug-border);color:var(--color-teritary-accent);font-family:var(--font-family-primary);font-size:12px;font-weight:400;letter-spacing:2px;text-transform:uppercase}.TrainSummary .recentre-wrapper{align-items:center;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between;margin-top:10px}.TrainSummary .headcode{color:#4b4b4b;font-family:var(--font-family-primary);font-size:12px;font-weight:700;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}.TrainSummary .share-button{border-color:var(--color-text-heading);color:var(--color-text-heading);height:55px}.TrainSummary .share-button:hover{background-color:var(--color-tertiary)}.RecentreButton{background-color:initial;border-radius:var(--overlay-border-radius);cursor:pointer;height:30px}.RecentreButton .row{align-items:center;display:flex;flex-direction:row;flex-wrap:nowrap;height:100%;justify-content:flex-start}.RecentreButton .icon{height:23px;width:23px}.RecentreButton:hover{background-color:var(--color-tertiary)}.RecentreButton .label{color:var(--color-hyperlink);font-family:var(--font-family-secondary);font-size:12px;font-weight:700;letter-spacing:1px;padding:0 6px}.RecentreButton svg{fill:var(--color-hyperlink);display:block;height:100%;margin:auto}.RecentreButton.disabled svg{fill:var(--color-tertiary)}.RecentreButton.disabled{cursor:auto}.RecentreButton.disabled,.RecentreButton.disabled .label{color:var(--color-tertiary)}.RecentreButton.disabled:hover{background-color:initial}.Train{height:100%;overflow:hidden;position:relative}.Train .body{border-bottom:var(--border-internal);height:calc(100% - 180px);overflow-y:auto}.Train .form-container{padding-block:28px}.Train .footer{height:180px;position:relative}.StopsDrawing{height:100%;width:100%}.StopsDrawing .green{fill:var(--color-rag-green)}.StopsDrawing svg{stroke:var(--color-stops-line);fill:var(--color-stops-end-dot)}.StopsDrawing #center-terminal{fill:var(--color-stops-end-dot-center)}.Stops{grid-gap:1px;display:grid;grid-auto-rows:minmax(70px,70px);grid-template-columns:40px calc(100% - 120px) 80px;margin:auto;max-width:340px;overflow:hidden;padding:20px 0;white-space:nowrap;width:100%}.Stops .stop-name{color:var("--color-text-heading");font-size:15px;font-weight:700}.Stops .platform,.Stops .time{font-size:13px;font-weight:700}.Stops .delayed{color:var(--color-rag-red)}.Stops .left-column{border:var(--debug-border);grid-column:1}.Stops .middle-column{border:var(--debug-border);grid-column:2;overflow:hidden;padding-left:10px;padding-right:10px;text-align:left;text-overflow:ellipsis;white-space:nowrap}.Stops .right-column{border:var(--debug-border);grid-column:3;padding-right:5px;text-align:right}.EtaSharing{border:var(--border-debug);height:220px;width:100%}.EtaSharing h2{font-size:14px}.EtaSharing h4{color:#999;padding:5px 0 10px}.EtaSharing .toast,.EtaSharing h4{font-family:Roboto Mono,monospace;font-size:12px}.EtaSharing .toast{padding:20px 0}.SearchForm{overflow:hidden;position:relative}.SearchForm .body{border:var(--debug-border)}.footer{height:160px;padding-top:20px}.footer .reset{border:var(--debug-border);border-radius:var(--overlay-border-radius);color:var(--color-hyperlink);cursor:pointer;font-family:var(--font-family-secondary);margin:auto;padding:10px;text-decoration:underline;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.footer .reset:hover{background-color:var(--color-tertiary)}.SearchForm .form-container{margin:10px 0}.SearchForm .bbox-input-container{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between;width:100%}.SearchForm .use-viewport{border:var(--debug-border);color:var(--color-hyperlink);cursor:pointer;font-family:var(--font-family-primary);font-size:15px;font-weight:400;padding:10px;text-decoration:underline}.SearchForm .use-viewport:hover{background-color:var(--color-tertiary);border-radius:var(--overlay-border-radius)}.SearchForm .geofence-input{border:1.5px solid #ccc;border-radius:4px;border-radius:var(--overlay-border-radius);font-family:var(--font-family-primary);font-size:16px;height:60px;padding:8px;width:48%}.SearchForm .geofence-input:focus{border:2px solid var(--color-primary);outline:0}.InfoWidget{height:100%;overflow-y:scroll;position:relative}.InfoWidget h2{padding-block:15px}.Key{border:var(--debug-border);height:100%;overflow-y:auto;padding:0;width:100%}.Key .body{border:var(--debug-border)}.Key .row{align-items:center;display:flex;flex-direction:row;flex-wrap:nowrap;height:40px;overflow:hidden;position:relative;text-overflow:ellipsis;white-space:nowrap;width:100%}.Key .train-icon-div{height:100%;position:relative;width:30px}.Key .train-icon{position:absolute}.Key .train-icon-description{height:1px;line-height:1px;margin:0;padding-left:9px}.Key .train-icon-description p{line-height:0;padding:0}.Key .direction-description{padding-top:30px}.FindMyTrain{background-color:#f6f6f6;border:var(--debug-border);height:100%;overflow-y:auto;position:relative;width:100%}.FindMyTrain .center{text-align:center}.FindMyTrain .detect-loader{border:var(--debug-border);height:270px;position:relative;width:100%}.FindMyTrain .header-text{cursor:pointer;font-size:12px}.FindMyTrain .no-trains-wrapper{border:var(--debug-border);height:200px;position:relative;width:100%}.FindMyTrain .no-trains-label{border:var(--debug-border);font-size:22px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.FindMyTrain .no-trains-label,.RippleLoader{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.RippleLoader{border:none}.RippleLoader .signalbox-ripple{animation:signalbox-ripple .7s linear infinite;background-color:#ffffcb;border:none!important;border-radius:50%!important;color:#fff;height:11px;margin:0 auto;width:11px;z-index:2}@keyframes signalbox-ripple{0%{box-shadow:0 0 0 0 var(--color-ripple),0 0 0 10px var(--color-ripple),0 0 0 30px var(--color-ripple),0 0 0 60px var(--color-ripple)}to{box-shadow:0 0 0 10px var(--color-ripple),0 0 0 30px var(--color-ripple),0 0 0 60px var(--color-ripple),0 0 0 90px #4c4c4a1a}}.NoTrains{border:none;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.Modal{height:100%;overflow-x:hidden;overflow-y:auto;width:100%;z-index:100}@media only screen and (max-width:600px){.Modal{bottom:10px;left:10px;right:10px;top:auto}}.Menu h3{border:var(--debug-border);padding:24px 24px 24px 33px}.Menu .empty{flex-grow:1}.header{height:30px;position:relative}.close-button{right:10px}.back-button,.close-button{position:absolute;top:5px;z-index:100}.back-button{left:20px}.LanguageToggle{background-color:var(--color-neutral);border:var(--border-internal);border-radius:var(--overlay-border-radius);box-shadow:var(--overlay-box-shadow);cursor:pointer;height:40px;position:absolute;right:10px;top:12px;width:110px;z-index:10000}.LanguageToggle:hover{background-color:#eae7e7}.LanguageToggle .language-text{color:var(--color-text-paragraph);font-family:var(--font-family-primary);font-size:14px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.TrainlineLogo{height:56px;position:relative;width:156px}.TrainlineLogo img{height:25px;left:50%;position:absolute;top:50%;transform:translate(-50%,-55%)}.TrainlineHomeWidget{background-color:#f5f5f5;border:var(--debug-border);height:100%;overflow-x:hidden;overflow-y:auto;pointer-events:auto;position:relative;width:100%;z-index:100}.TrainlineHomeWidget .logo-wrapper img{height:60%}.TrainlineHomeWidget .logo-wrapper{align-items:center;border:none;display:flex;flex-direction:column;height:180px;justify-content:center;padding-block:50px 0;width:100%}.TrainlineHomeWidget .button-container{height:calc(100% - 250px);overflow-x:hidden;padding:50px 20px 0;position:relative;z-index:10}.TrainlineHomeWidget .text-wrapper p{font-size:18px;font-weight:400;line-height:24px;padding:0;text-align:center}.TrainlineHomeWidget .description{color:#777;font-family:var(--font-family-secondary);font-size:14px;font-weight:400;padding-block:0 5px;text-align:center;width:100%}.TrainlineHomeWidget .button-wrapper{align-items:center;display:flex;flex-direction:column;height:100px;justify-content:center}.TrainlineHomeWidget .button-super-dark{background:#000;border:#000;color:#fff}.TrainlineHomeWidget .button-super-dark:hover{background-color:#fff;color:var(--color-primary)}.TrainlineHomeWidget .attribution{align-items:center;border:var(--debug-border);display:flex;flex-direction:row;height:50px;justify-content:center}.TrainlineHomeWidget .attribution p{border:var(--debug-border);color:#000;font-size:12px;line-height:0;padding:0 7px 0 0}.TrainlineIcon{cursor:pointer;font-size:1px;line-height:1px;opacity:1;position:relative}.TrainlineIcon .green{fill:var(--color-rag-green)}.TrainlineIcon .amber{fill:var(--color-rag-amber)}.TrainlineIcon .red{fill:var(--color-rag-red)}.TrainlineIcon .label{color:var(--color-primary);font-size:16px;font-weight:900;left:50%;line-height:1px;position:absolute;text-align:center;top:50%;width:100%}.TrainlineKey{border:var(--debug-border);height:100%;overflow-y:auto;padding:0;width:100%}.TrainlineKey .body{border:var(--debug-border);padding:25px 30px 30px}.TrainlineKey .row{align-items:center;display:flex;flex-direction:row;flex-wrap:nowrap;height:40px;overflow:hidden;position:relative;text-overflow:ellipsis;white-space:nowrap;width:100%}.TrainlineKey .train-icon-div{height:100%;position:relative;width:30px}.TrainlineKey .train-icon{position:absolute}.TrainlineKey .train-icon-description{height:1px;line-height:1px;margin:0;padding-left:9px}.TrainlineKey .train-icon-description p{line-height:0;padding:0}.TrainlineKey .direction-description{padding-top:30px}.TrainlineTrainIcon{cursor:pointer;font-size:1px;line-height:1px;opacity:1;position:relative}.TrainlineTrainIcon .green{fill:var(--color-rag-green)}.TrainlineTrainIcon .amber{fill:var(--color-rag-amber)}.TrainlineTrainIcon .red{fill:var(--color-rag-red)}.TrainlineTrainIcon .label{color:var(--color-primary);font-size:16px;font-weight:900;left:50%;line-height:1px;position:absolute;text-align:center;top:50%;width:100%}.CloseButton{margin-left:auto}.button-small.close-button-r{border-left:var(--border-internal);border-right:none}.BetaTag{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:1000}.BetaTag .form-button{background-color:var(--color-primary);border-bottom-left-radius:var(--overlay-border-radius);border-bottom-right-radius:var(--overlay-border-radius);cursor:pointer;height:35px;pointer-events:auto;position:absolute;right:19%;top:0;width:112px;z-index:100}.BetaTag .form-button h2{background-color:none;color:var(--color-neutral);font-size:16px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.BetaTag .form-button:hover{background-color:var(--color-primary-hover)}.BetaTag .overlay{background-color:rgba(84,80,80,.632);bottom:0;left:0;overflow-y:scroll;right:0;top:0;z-index:10000}.BetaTag .content,.BetaTag .overlay{pointer-events:auto;position:absolute}.BetaTag .content{background-color:var(--color-neutral);border:var(--border-internal);border-radius:var(--overlay-border-radius);bottom:5%;left:10%;right:10%;top:5%}.BetaTag .header{border-bottom:var(--border-internal);display:flex;height:56px;overflow:hidden;width:100%}.BetaTag .body{height:calc(100% - 56px);overflow-y:scroll;padding:20px}.AvantiTrainIcon{color:var(--bg-primary);cursor:pointer;font-size:1px;line-height:1px;position:relative}.AvantiTrainIcon img{height:inherit;width:inherit}.AvantiKeyIcon img{left:50%;position:absolute;top:50%}.AvantiLogo{border-right:var(--border-internal);height:56px;position:relative;width:104px}.AvantiLogo img{height:40px;left:50%;position:absolute;top:50%;transform:translate(-50%,-55%)}.AvantiKey{border:var(--debug-border);height:100%;overflow-y:auto;width:100%}.AvantiKey .body{border:var(--debug-border);padding:25px 30px 30px}.AvantiKey .row{align-items:center;display:flex;flex-direction:row;flex-wrap:nowrap;height:40px;overflow:hidden;position:relative;text-overflow:ellipsis;white-space:nowrap;width:100%}.AvantiKey .train-icon-div{height:100%;position:relative;width:30px}.AvantiKey .train-icon{left:50%;position:absolute;top:50%}.AvantiKey .train-icon-description{height:1px;line-height:1px;margin:0;padding-left:9px}.AvantiKey .train-icon-description p{line-height:0;padding:0}.AvantiKey .direction-description{padding-top:30px}.TfwTrainIcon{cursor:pointer;font-size:1px;line-height:1px;opacity:1;position:relative}.TfwTrainIcon .green{stroke:var(--color-rag-green)}.TfwTrainIcon .amber{stroke:var(--color-rag-amber)}.TfwTrainIcon .red{stroke:var(--color-rag-red)}.TfwTrainIcon .label{color:var(--color-primary);font-size:16px;font-weight:900;left:50%;line-height:1px;position:absolute;text-align:center;top:50%;width:100%}.TfwTrainIcon.not-tfw{opacity:.7}.TfwTrainIcon.not-tfw .amber,.TfwTrainIcon.not-tfw .green,.TfwTrainIcon.not-tfw .red{stroke:grey}.TfwLogo{height:56px;position:relative;width:70px}.TfwLogo img{height:40px;left:50%;position:absolute;top:50%;transform:translate(-50%,-55%)}.TfwKey{height:100%;overflow-y:auto;padding:0;width:100%}.TfwKey,.TfwKey .body{border:var(--debug-border)}.TfwKey .body{padding:25px 30px 30px}.TfwKey .row{align-items:center;display:flex;flex-direction:row;flex-wrap:nowrap;height:40px;overflow:hidden;position:relative;text-overflow:ellipsis;white-space:nowrap;width:100%}.TfwKey .train-icon-div{height:100%;position:relative;width:30px}.TfwKey .train-icon{position:absolute}.TfwKey .train-icon-description{height:1px;line-height:1px;margin:0;padding-left:9px}.TfwKey .train-icon-description p{line-height:0;padding:0}.TfwKey .direction-description{padding-top:30px}.TfwHomeWidget{background-color:#f5f5f5;border:var(--debug-border);height:100%;overflow-x:hidden;overflow-y:auto;pointer-events:auto;position:relative;width:100%;z-index:100}.TfwHomeWidget .logo-wrapper img{height:100%}.TfwHomeWidget .logo-wrapper{align-items:center;border:none;display:flex;flex-direction:column;height:180px;justify-content:center;padding-block:50px 0;width:100%}.TfwHomeWidget .button-container{height:calc(100% - 250px);overflow-x:hidden;padding:50px 20px 0;position:relative;z-index:10}.TfwHomeWidget .text-wrapper p{font-size:18px;font-weight:400;line-height:24px;padding:0;text-align:center}.TfwHomeWidget .description{color:#777;font-family:var(--font-family-secondary);font-size:14px;font-weight:400;padding-block:0 5px;text-align:center;width:100%}.TfwHomeWidget .button-wrapper{align-items:center;display:flex;flex-direction:column;height:100px;justify-content:center}.TfwHomeWidget .button-super-dark{background:#000;border:#000;color:#fff}.TfwHomeWidget .button-super-dark:hover{background-color:#fff;color:var(--color-primary)}.TfwHomeWidget .attribution{align-items:center;border:var(--debug-border);display:flex;flex-direction:row;height:50px;justify-content:center}.TfwHomeWidget .attribution p{border:var(--debug-border);color:#000;font-size:12px;line-height:0;padding:0 7px 0 0}.TfwNoTrains{border:none;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.TfwNoTrains img{height:124px}.LnerLogo{height:90%;padding:5px 10px;position:relative}.LnerLogo img{height:100%}.LnerTrainIcon{cursor:pointer;font-size:1px;line-height:1px;opacity:1;position:relative}.LnerTrainIcon .green{stroke:var(--color-rag-green)}.LnerTrainIcon .amber{stroke:var(--color-rag-amber)}.LnerTrainIcon .red{stroke:var(--color-rag-red)}.LnerTrainIcon .label{color:var(--color-primary);font-size:16px;font-weight:900;left:50%;line-height:1px;position:absolute;text-align:center;top:50%;width:100%}.LnerTrainIcon.not-lner{opacity:.7}.LnerTrainIcon.not-lner .amber,.LnerTrainIcon.not-lner .green,.LnerTrainIcon.not-lner .red{stroke:grey}.LnerKey{height:100%;overflow-y:scroll;width:100%}.LnerKey,.LnerKey .body{border:var(--debug-border)}.LnerKey .body{padding:25px 30px 30px}.LnerKey .row{align-items:center;display:flex;flex-direction:row;flex-wrap:nowrap;height:40px;overflow:hidden;position:relative;text-overflow:ellipsis;white-space:nowrap;width:100%}.LnerKey .train-icon-div{height:100%;position:relative;width:30px}.LnerKey .train-icon{position:absolute}.LnerKey .train-icon-description{height:1px;line-height:1px;margin:0;padding-left:9px}.LnerKey .train-icon-description p{line-height:0;padding:0}.LnerKey .direction-description{padding-top:30px}.TrainIcon{color:var(--bg-primary);cursor:pointer;font-size:1px;line-height:1px;position:relative}.TrainIcon .green{fill:var(--color-rag-green)}.TrainIcon .amber{fill:var(--color-rag-amber)}.TrainIcon .red{fill:var(--color-rag-red)}.RecentreControl{background-color:var(--color-neutral);border:var(--border-internal);border-radius:var(--overlay-border-radius);bottom:10px;box-shadow:var(--overlay-box-shadow);cursor:pointer;height:40px;margin-top:10px;position:absolute;right:10px;width:140px;z-index:10000}.RecentreControl .row{align-items:center;display:flex;flex-direction:row;flex-wrap:nowrap;height:100%;justify-content:center}.RecentreControl .icon{height:23px;width:23px}.RecentreControl:hover{background-color:var(--color-tertiary)}.RecentreControl .label{color:var(--color-hyperlink);font-family:var(--font-family-secondary);font-size:12px;font-weight:700;letter-spacing:1px;padding:0 6px}.RecentreControl svg{fill:var(--color-hyperlink);display:block;height:100%;margin:auto}.RecentreControl.disabled svg{fill:var(--color-tertiary)}.RecentreControl.disabled{cursor:auto}.RecentreControl.disabled,.RecentreControl.disabled .label{color:var(--color-tertiary)}.RecentreControl.disabled:hover{background-color:var(--color-neutral)}.EtaContainer{height:100%;position:relative;width:100%}.EtaContainer .section-text{background-color:none;border:var(--debug-border);height:25%;position:relative;z-index:10}.EtaContainer .text-wrapper{padding:20px 15% 0}.EtaContainer .logo-wrapper{border:var(--debug-border);height:40px;padding:10px 20px}.EtaContainer .title{color:var(--color-primary);font-size:40px;margin:auto;padding-block:15px 0;text-align:center;width:100%}.EtaContainer .stations{color:#440f11;font-size:20px;font-weight:400;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap;width:100%}.EtaContainer .section-map{border:var(--debug-border);height:50%;position:relative;z-index:10}.EtaContainer .section-map iframe{z-index:inherit}.EtaContainer .eta-container{height:100%;margin:auto;width:70%}.EtaContainer iframe{border:none;border-radius:var(--overlay-border-radius)}.EtaContainer .arrival-station-text{border:var(--debug-border);color:var(--color-neutral);font-size:20px;font-weight:700;margin:auto;padding:2px 15% 5px;text-align:center}.EtaContainer .arrival-time-wrapper{padding:4px}.EtaContainer .arrival-time{background-color:var(--color-primary-lighter);border-radius:6px;color:var(--color-neutral);font-size:23px;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;margin:auto;padding:16px;text-transform:uppercase;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.EtaContainer .top-background{background-color:var(--color-neutral);border:var(--debug-border);bottom:50%;position:absolute;top:0;width:100%;z-index:0}.EtaContainer .bottom-background{background-color:var(--color-primary);bottom:0;position:absolute;top:50%;width:100%;z-index:0}.EtaContainer .lner-line-wrapper{bottom:2.2%;left:0;position:absolute;right:0;top:0;z-index:10}@media only screen and (max-width:500px){.EtaContainer .title{font-size:24px;text-align:left}.EtaContainer .stations{font-size:19px;text-align:left}.EtaContainer .arrival-station-text{font-size:15px;text-align:left}}*{box-sizing:border-box;margin:0;padding:0}#root,.App,body,html{background-color:var(--color-tertiary);height:100%;position:relative}body{--debug-border:none;--color-primary:#003f56;--color-primary-accent:#003f56;--color-primary-hover:#003245;--color-hyperlink:#2d58c7;--color-ripple:#003f56b3;--color-secondary:#ffffcb;--color-secondary-accent:#dfe7bc;--color-tertiary:#d7d5d5;--color-teritary-accent:#4b4b4b;--color-neutral:#f6f6f6;--color-neutral-accent:#fff;--color-menu-buttons:var(--color-primary);--color-menu-buttons-select:var(--color-teritary-accent);--color-menu-buttons-select-background:#eaeef9;--color-text-heading:var(--color-primary);--color-text-subheading:var(--color-primary);--text-transform-heading:none;--color-rag-red:#ff2530;--color-rag-amber:#ffa825;--color-rag-green:#009b83;--color-rag-neutral:#74ceb7;--color-stops-line:var(--color-primary);--color-stops-end-dot:var(--color-primary);--color-stops-end-dot-center:var(--color-secondary);--font-family-primary:"Manrope",sans-serif;--font-family-secondary:"Roboto Mono","Courier New",monospace;--font-button:bold 16px var(--font-family-secondary),sans-serif;--box-shadow-top:0 -4px 6px #0000001f,0 3px 6px #0000002e;--size-large:20px;--size-medium:15px;--size-small:10px;--overlay-border:#4b4b4b 0px solid;--overlay-border-radius:3px;--overlay-box-shadow:0 4px 6px #0000001f,0 3px 6px #0000002e;--border-internal:#999 1px solid;--map-border:6px var(--color-primary) solid}@font-face{font-family:Averta-Semibold;src:url(/static/media/Averta-Semibold.4f0b051de1e63ca57809.ttf) format("truetype")}@font-face{font-family:Averta;src:url(/static/media/Averta-Regular.4cb97323a9593cb1ba90.ttf) format("truetype")}@font-face{font-family:wales-sans-body-medium;src:url(/static/media/WALES-SANS-BODY-MEDIUM.a9ae3e08fb0ea3845d5e.OTF) format("truetype")}@font-face{font-family:wales-sans-body-regular;src:url(/static/media/WALES-SANS-BODY-REGULAR.133954411ef28825ba88.OTF) format("truetype")}@font-face{font-family:tl-circular-bold;src:url(/static/media/TLCircular-Bold.bfb7d374ea58fe044709.otf) format("truetype")}@font-face{font-family:tl-circular-book;src:url(/static/media/TLCircular-Book.41f4f7cdbd395affd273.otf) format("truetype")}h1{border:var(--debug-border);font-size:24px;font-weight:800;padding-top:10px;text-transform:var(--text-transform-heading)}h1,h2{color:var(--color-text-heading);font-family:var(--font-family-primary)}h2{font-size:20px}h2,h3{font-weight:900}h3{color:var(--color-text-subheading);font-size:18px}h3,p{font-family:var(--font-family-primary)}p{color:var(--color-text-paragraph);font-size:16px;font-weight:400px;line-height:24px;padding-bottom:30px}.label{border:var(--debug-border);color:#999;font-family:var(--font-family-secondary);font-size:12px;padding-block:4px}.button-small{border-right:var(--border-internal);height:56px;position:relative;width:56px}.button-small svg{stroke:var(--color-menu-buttons);fill:var(--color-menu-buttons);border:var(--debug-border);color:var(--color-menu-buttons);height:17px;left:50%;position:absolute;top:50%;transform:translate(-50%,-55%)}.button-small:hover svg{stroke:var(--color-menu-buttons-select);fill:var(--color-menu-buttons-select)}.button-small.selected{border-bottom:4px solid var(--color-menu-buttons-select)}.button-small.selected svg{stroke:var(--color-menu-buttons-select);fill:var(--color-menu-buttons-select);color:var(--color-menu-buttons-select)}.autocomplete{color:var(--color-text-paragraph)!important;font-family:var(--font-family-primary)!important;font-size:16px}.autocomplete__control{border:1.5px solid var(--color-primary);border-radius:var(--overlay-border-radius)!important;height:60px}.autocomplete__control--is-focused{box-shadow:0 0 0 1px solid var(--color-primary)!important}.autocomplete__control--is-focused,.autocomplete__control--menu-is-open{border:2px solid var(--color-primary)!important}.autocomplete__option--is-focused{background-color:var(--color-menu-buttons-select-background)!important}.autocomplete__value-container{padding:5px}.autocomplete__option--is-selected{background-color:#eaeef9!important;color:var(--color-primary)!important}.autocomplete__menu-list{height:160px}.container{border:var(--debug-border);height:100%;overflow-y:auto;padding:20px var(--size-large)}.center{border:none;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.text-center{text-align:center}.padding-large{padding-block:var(--size-large) var(--size-large)}.padding-medium{padding-block:var(--size-medium) var(--size-medium)}.padding-small{padding-block:var(--size-small) var(--size-small)}.color-primary{color:var(--colar-primary)}button{background-color:initial;border:2.5px solid var(--color-primary);border-radius:var(--overlay-border-radius);font:var(--font-button);height:64px;width:100%}.button-light{background-color:#fff;border-color:#fff;color:var(--color-primary)}.button-light:hover{background-color:var(--color-primary);color:#fff}.button-light:disabled{background-color:#809fab;border:none;color:#003f56;opacity:.4}.button-dark{background-color:var(--color-primary);color:var(--color-secondary)}.button-dark:hover{background-color:var(--color-primary-hover);border:2px solid var(--color-primary);box-shadow:4px 4px #b8b5b540}
/*# sourceMappingURL=main.f3959e4b.css.map*/