@import url(https://fonts.googleapis.com/css?family=Orbitron:400,600.css);body,html{margin:0;padding:0}.app{height:100vh}.app .tooltip{background:#000;border:0;color:#fff;font-size:14pt;font-weight:600;left:0;padding:8px 12px;pointer-events:none;position:absolute;top:0;z-index:2}.app .meta,.app .tooltip{font-family:Orbitron;text-align:center}.app .meta{display:block;margin:auto;max-width:calc(100vh - 100px);padding-bottom:40px;vertical-align:middle}.app .meta div{margin-bottom:20px}.app .meta div img{margin:auto;max-width:600px;width:100%}.app .meta div span.best{background-color:#000;color:#fff;padding:1px 3px}.app .meta div span.worst{background-color:#ccc;color:#000;padding:1px 3px}.app .meta div span.gained{background-color:rgba(51,184,100,.5);color:#000;padding:1px 3px}.app .meta div span.lost{background-color:rgba(236,26,40,.5);color:#000;padding:1px 3px}.app .lap_times{display:block;margin:auto;max-width:calc(100vh - 100px);padding-bottom:40px;vertical-align:middle}.app .lap_times table{border-collapse:collapse;border-spacing:0;display:block;font-family:Orbitron;overflow-x:auto;white-space:nowrap;width:100%}.app .lap_times table tbody,.app .lap_times table thead{display:table;width:100%}.app .lap_times table td{font-size:7pt;margin-left:4px solid #fff;margin-right:4px solid #fff;text-align:right}.app .lap_times table td.avg,.app .lap_times table td.diff,.app .lap_times table td.position,.app .lap_times table td.total{font-size:8pt;font-weight:600}.app .lap_times table td,.app .lap_times table th{padding:3px 2px;text-transform:uppercase;width:100%/13}.app .lap_times table th{font-size:8pt;text-align:left;white-space:nowrap}.app .lap_times table th img{filter:drop-shadow(0 0 1px #000);height:16px;vertical-align:-4px;width:16px}.app .lap_times table tr.heading th{border-bottom:1px solid #000;margin:0;padding:0 2px;text-align:right}.app .lap_times table tr.heading th:first-child{text-align:left}.app .lap_times table span.best{background-color:#000;color:#fff;padding:1px 3px}.app .lap_times table span.worst{background-color:#ccc;color:#000;padding:1px 3px}.app .lap_times table span.gained{background-color:rgba(51,184,100,.5);color:#000;padding:1px 3px}.app .lap_times table span.lost{background-color:rgba(236,26,40,.5);color:#000;padding:1px 3px}.app .chart_container{display:block;margin:auto;max-width:calc(100vh - 4px);vertical-align:middle}.app .chart_container .axis text{fill:#2b2929;font-family:Orbitron;font-weight:600}.app .chart_container .axis.yaxis text{font-size:10pt}.app .chart_container .axis.yaxis g{display:none}.app .chart_container .axis.xaxis text{font-size:8pt}.app .chart_container .axis image{filter:drop-shadow(0 0 1px #000)}.app .chart_container path.line,.app .chart_container path.line_interactivity{fill:none}.app .chart_container path.line_interactivity{cursor:pointer}.app .chart_container .dot{filter:drop-shadow(0 0 1px rgba(0,0,0,.8))}.app .chart_container .dot_text{filter:drop-shadow(0 0 1px #fff);font-family:Orbitron;letter-spacing:.5px}.app .chart_container .grid path{display:none}.app .chart_container .grid line{stroke-dasharray:2;stroke:#ddd}.app .chart_container foreignObject{overflow:visible}.app .chart_container foreignObject .title_container{font-family:Orbitron;overflow:visible}.app .chart_container foreignObject .title_container h1{background-color:#000;color:#fff;display:inline-block;font-size:18pt;font-weight:600;margin:0 0 10px;padding:5px 10px;text-transform:uppercase}.app .chart_container foreignObject .title_container h3{color:#000;font-size:12pt;font-weight:600;margin:0 0 15px -27px}.app .chart_container foreignObject .title_container h3 .position{display:inline-block;margin-right:3px;text-align:center;width:22px}.app .chart_container foreignObject .title_container h3 .name{color:#fff;display:inline-block;padding:2px 8px;text-transform:uppercase}.app .chart_container foreignObject .title_container h3 .team{margin-left:5px}.app .chart_container foreignObject .title_container h3.redbull .name{background-color:#000}.app .chart_container foreignObject .title_container h3.mercedes .name{background-color:#cf081f}.clearfix{zoom:1}.clearfix:after{clear:both;content:" ";display:block;height:0;visibility:hidden}.ss-terms{margin:40px auto auto;max-width:450px}.meta{color:#333;font-size:13px;line-height:16px;padding:0 10px 40px}.clear_both{clear:both}.hidden{display:none}.nowrap{white-space:nowrap}