/*!
 frontend-non-interactive-display-prototype v0.1.0-alpha.1
 | (c) 2021 
 | ISC License
 | https://github.com/livingmap/frontend-non-interactive-display-prototype.git
 */

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}main{display:block}h1{font-size:2em;margin:.67em 0}hr{-webkit-box-sizing:content-box;box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:700}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{-webkit-box-sizing:border-box;box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{-webkit-box-sizing:border-box;box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}@-webkit-keyframes spin360{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin360{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.z-index-example{z-index:-9999}html{-webkit-box-sizing:border-box;box-sizing:border-box;font-size:16px;height:100%;line-height:1.3;margin:0;padding:0}*,:after,:before{-webkit-box-sizing:inherit;box-sizing:inherit}#__bs_notify__{display:none!important}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;height:100%;margin:0;padding:0;position:relative;background:#f5f5f7}body[data-page-type=launcher],body[data-page-type=portal]{background:#faf9f1 url(/img/background.svg) top no-repeat;background-size:100% auto}h1,h2,h3,h4,h5,h6{line-height:1.2}li,p{font-size:1rem;line-height:1.3}a{text-decoration:none}img,svg,video{display:block}iframe{background:#e4e4e7;border:none}body[data-page-type=portal]{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;text-align:center}body[data-page-type=portal] .logo{height:auto;margin-bottom:50px;width:260px}body[data-page-type=portal] .cards .card .aside img{height:30px;width:30px}body[data-page-type=portal] .instructions{border:2px dashed #1c2f48;border-radius:5px;font-size:18px;font-weight:500;line-height:1.8em;margin-top:50px;padding:1em 2em}body[data-page-type=portal] .instructions .dimensions{background:rgba(0,0,0,.05);border-radius:999px;margin-left:3px;padding:3px 10px}body[data-page-type=portal] .instructions[data-status=ok]{border-color:#390;border-style:solid;background:#390;color:#fff}body[data-page-type=portal] .instructions[data-status=not_ok]{border-color:#dc043d;color:#dc043d}body[data-page-type=screen]>.hidden-backlink{position:absolute;top:0;left:0;right:0;height:120px;z-index:999}body[data-page-type=screen]>.containers{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;height:100%;width:100%}body[data-page-type=screen]>.containers>.container.information-strip{background:#c7b18e;-webkit-box-shadow:0 1px 2px rgba(0,0,0,.2);box-shadow:0 1px 2px rgba(0,0,0,.2);color:#000;font-weight:400;-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-negative:0;flex-shrink:0;height:100px;-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1;width:100%;z-index:100}body[data-page-type=screen]>.containers>.container.information-strip>.block{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;font-size:42px;line-height:1.05em;padding:0 40px;white-space:nowrap}body[data-page-type=screen]>.containers>.container.information-strip>.block:last-of-type:not(:first-child){text-align:right}body[data-page-type=screen]>.containers>.container.information-strip>.block.datetime .date,body[data-page-type=screen]>.containers>.container.information-strip>.block.datetime .time{display:inline}body[data-page-type=screen]>.containers>.container.information-strip>.block.datetime .time{padding-left:.6em}body[data-page-type=screen]>.containers>.container.content-blocks{-webkit-box-shadow:0 1px 2px rgba(0,0,0,.2);box-shadow:0 1px 2px rgba(0,0,0,.2);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2;width:100%;z-index:110}body[data-page-type=screen]>.containers>.container.content-blocks>.block.canvas{background:#f5f5f7;height:1190px;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-ms-flex-negative:0;flex-shrink:0;overflow:hidden;position:relative}body[data-page-type=screen]>.containers>.container.content-blocks>.block.canvas iframe{height:100%;width:100%}body[data-page-type=screen]>.containers>.container.content-blocks>.block.canvas #map{height:100%}body[data-page-type=screen]>.containers>.container.content-blocks>.block.canvas:after{background:url(/img/circles-overlay.svg) no-repeat center 300px;content:"";position:absolute;top:0;left:0;bottom:0;right:0}body[data-page-type=screen]>.containers>.container.content-blocks>.block.sidebar{background:#f5f5f7;-ms-flex-negative:0;flex-shrink:0;height:1190px;overflow:hidden;width:320px}body[data-page-type=screen]>.containers>.container.base-strip{background:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-negative:0;flex-shrink:0;height:130px;-webkit-box-ordinal-group:4;-ms-flex-order:3;order:3;width:100%;z-index:120}body[data-page-type=screen]>.containers>.container.base-strip>.block{padding:0 40px}body[data-page-type=screen]>.containers>.container.base-strip>.block:last-of-type:not(:first-child){text-align:right}body[data-page-type=screen]>.containers>.container.base-strip>.block.export{-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:26px;line-height:1.25em;display:-webkit-box;display:-ms-flexbox;display:flex}body[data-page-type=screen]>.containers>.container.base-strip>.block.export .qr-code{margin-right:30px}body[data-page-type=screen]>.containers>.container.base-strip>.block.export .qr-code img{background:#fff;height:80px;width:80px}body[data-page-type=screen]>.containers>.container.media-blocks{background:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-negative:0;flex-shrink:0;height:460px;-webkit-box-pack:space-evenly;-ms-flex-pack:space-evenly;justify-content:space-evenly;-webkit-box-ordinal-group:5;-ms-flex-order:4;order:4;width:100%;z-index:130}body[data-page-type=screen]>.containers>.container.media-blocks>.block{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}body[data-page-type=screen]>.containers>.container.media-blocks>.block[data-aspect-ratio="16x9"]{width:75.92592593%}body[data-page-type=screen]>.containers>.container.media-blocks>.block[data-aspect-ratio="9x16"]{width:24.07407407%}body[data-page-type=screen]>.containers>.container.media-blocks>.block[data-aspect-ratio="1x1"]{width:50%}body[data-page-type=screen]>.overlay{position:absolute}body[data-page-type=screen]>.overlay[data-hidden=true]{opacity:0}body[data-page-type=screen]>.overlay.status-bar{-webkit-box-align:center;-ms-flex-align:center;align-items:center;bottom:0;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-negative:0;flex-shrink:0;font-size:.8rem;left:0;padding:.6em 1em .7em;overflow:auto;right:0;-webkit-transition:opacity .25s ease;transition:opacity .25s ease;white-space:nowrap;z-index:900}body[data-page-type=screen]>.overlay.loader-bar{bottom:0;height:2px;left:0;right:0;-webkit-transition:opacity .25s ease;transition:opacity .25s ease;z-index:910}body[data-page-type=screen]>.overlay.loader-bar span{display:block;height:100%;-webkit-transition:width 0s ease;transition:width 0s ease;width:0}.cards{padding:25px 20px 10px;text-align:left}.cards .heading{color:#212529;font-size:22px;font-weight:500;padding:0 .1em .6em}.cards .card{-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-radius:3px;-webkit-box-shadow:0 1px 2px rgba(0,0,0,.1);box-shadow:0 1px 2px rgba(0,0,0,.1);display:-webkit-box;display:-ms-flexbox;display:flex;margin-top:5px;padding:10px 15px}.cards .card>:first-child{border-top-left-radius:3px;border-top-right-radius:3px;margin-top:0}.cards .card>:last-child{border-bottom-left-radius:3px;border-bottom-right-radius:3px}.cards .card .aside{-ms-flex-negative:1;flex-shrink:1;padding-right:13.5px}.cards .card .aside img{height:50px;width:50px}.cards .card .parameters{color:#212529;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;line-height:1.2em}.cards .card .parameters .parameter-01{font-size:16px;font-weight:500}.cards .card .parameters .parameter-02{font-size:14px;padding-top:.2em}.cards .card.tfl-tube-status{border-left:15px solid rgba(0,0,0,.05);border-radius:0;margin-top:1px;padding-top:10px;padding-bottom:10px}.cards .card.tfl-tube-status:first-of-type{border-top-left-radius:3px;border-top-right-radius:3px}.cards .card.tfl-tube-status:last-of-type{border-bottom-left-radius:3px;border-bottom-right-radius:3px}.cards .card.tfl-tube-status>:first-child{border-top-left-radius:3px;border-top-right-radius:3px;margin-top:0}.cards .card.tfl-tube-status>:last-child{border-bottom-left-radius:3px;border-bottom-right-radius:3px}.cards .card.tfl-tube-status .parameters{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;line-height:1.2em;-ms-flex-wrap:nowrap;flex-wrap:nowrap;width:100%}.cards .card.tfl-tube-status .parameters .parameter-02{padding-top:0;text-align:right}.cards .card.tfl-tube-status[data-line-name=Bakerloo]{border-left-color:#ab6a00}.cards .card.tfl-tube-status[data-line-name=Central]{border-left-color:#dc043d}.cards .card.tfl-tube-status[data-line-name=Circle]{border-left-color:#ffe900}.cards .card.tfl-tube-status[data-line-name=District]{border-left-color:#00c53d}.cards .card.tfl-tube-status[data-line-name=DLR]{border-left-color:#00dcca}.cards .card.tfl-tube-status[data-line-name="Ham. & City"],.cards .card.tfl-tube-status[data-line-name="Hammersmith & City"]{border-left-color:#ff77a4}.cards .card.tfl-tube-status[data-line-name=Jubilee]{border-left-color:#979ea8}.cards .card.tfl-tube-status[data-line-name=Metropolitan]{border-left-color:#b10cc1}.cards .card.tfl-tube-status[data-line-name=Northern]{border-left-color:#121314}.cards .card.tfl-tube-status[data-line-name=Overground]{border-left-color:#fb8700}.cards .card.tfl-tube-status[data-line-name=Piccadilly]{border-left-color:#0c2feb}.cards .card.tfl-tube-status[data-line-name=Victoria]{border-left-color:#009fe6}.cards .card.tfl-tube-status[data-line-name="Waterloo & City"]{border-left-color:#4ee4e9}.cards .card.tfl-tube-status[data-line-status="Minor delays"] .parameters .parameter-02{color:#ec7108}.cards .card.tfl-tube-status[data-line-status="Severe delays"] .parameters .parameter-02{color:#dc043d}.cards a.card{cursor:pointer;-webkit-transition:background-color .25s ease;transition:background-color .25s ease}