div.fullMessage{width:var(--width);height:var(--height);background-color:#000;color:#fff;display:flex;align-items:center;justify-content:center}div.fullMessage img{margin-top:calc(var(--height) * .005);margin-right:calc(var(--width) * .01);height:calc(var(--height) * .12)}div.fullMessage p{font-size:calc(var(--height) * .08)}div.content{background-color:#f0f0f0!important}div.topLineBanner{width:calc(var(--width) * .979);height:calc(var(--height) * .02);border-radius:calc(var(--width) * .002);margin-top:calc(var(--height) * .01)}span.title{margin:calc(var(--height) * .01) 0;height:calc(var(--height) * .09);font-size:calc(var(--height) * .067);display:block;width:calc(var(--width) * .979);font-family:NetworkSansBold}div.solidHozDivider{background-color:#000;height:calc(var(--height) * .015);width:var(--width)}div.splitContent{height:calc(var(--height) * .845);width:var(--width);display:flex}div.left,div.right{display:inline-block;box-sizing:border-box;width:calc(var(--width) * (.5 - .003));height:calc(var(--height) * .845)}div.vertBorder{height:calc(var(--height) * .845);width:calc(var(--width) * .006);background-color:#000}div.right{display:flex;flex-direction:column;justify-content:center;align-items:center}div.destination{height:calc(var(--height) * (.845 / 4 - .005));display:flex;align-items:center}div.hozBorder{width:calc(var(--width) * (.5 - .003));height:calc(var(--height) * .005);background-color:#000}div.details{height:calc(var(--height) * .18);width:calc(var(--width) * .32);font-family:NetworkSansBold}div.details span.destinationName{font-size:calc(var(--height) * .045);display:inline-block;height:calc(var(--height) * .05)}div.details span.stoppingAt{font-size:calc(var(--height) * .035)}div.destination div.lineColour{width:calc(var(--width) * .005);height:calc(var(--height) * .18);border-radius:calc(var(--width) * .003);margin:0 calc(var(--width) * .01)}div.next2{margin-left:auto}div.next2 div.departure{display:flex;align-items:center}div.next2 div.departure div.platform{margin-left:auto;width:calc(var(--width) * .04);height:calc(var(--height) * .06);border-radius:calc(var(--width) * .005);display:flex;align-items:center;justify-content:center;font-size:calc(var(--height) * .043)}div.next2 div.departure div.minutesToDeparture{margin-left:calc(var(--width) * .005);margin-right:calc(var(--width) * .01);width:calc(var(--width) * .09);height:calc(var(--height) * .06);border-radius:calc(var(--width) * .005);background-color:#000;color:#fff;display:flex;align-items:center;justify-content:center;font-family:NetworkSansRegular;font-size:calc(var(--height) * .043)}div.divider{width:calc(var(--width) * (.04 + .005 + .09 + .01));margin:calc(var(--height) * .005) 0;margin-right:calc(var(--width) * .005);height:calc(var(--height) * .003);background-color:silver}div.cityLoopDiagram{height:calc(var(--height) * .7);display:flex;align-items:center;justify-content:center}svg#cclSVG{transform-origin:top}div.clockContainer{width:calc(var(--width) * .5 - var(--width) * .003);height:calc(var(--height) * .145);display:flex;justify-content:center;align-items:center;background-color:#000;color:#fff;font-size:calc(var(--height) * .08)}div.clock{width:calc(var(--width) * .5 - var(--height) * .02);height:calc(var(--height) * .145 - var(--height) * .02);border:solid calc(var(--width) * .001) #fff;display:flex;justify-content:center;align-items:center}