@import url("https://fonts.googleapis.com/css?family=Roboto");body{font-family:Roboto,sans-serif;font-size:12px;padding:0;overflow:hidden;min-width:480;min-height:400}body,h1{margin:0}h1{font-size:1.2em;text-align:center;padding-top:.2em;height:1.1em;line-height:2.8em}.axis,.axis .label{font-size:.9em}#tooltip{display:none;position:absolute;background-color:hsla(0,0%,100%,.9);border:1px solid #666;padding:.5em}#tooltip .title{font-weight:700}#tooltip .label,#tooltip .text{white-space:nowrap}#tooltip .text{text-align:right;padding-left:.85em;font-weight:700}#app{height:100vh}#chartContainer{width:100%;height:calc(100% - 16em);margin:0;padding:0}#footer{position:fixed;right:0;bottom:.8em;text-align:right;height:2.5em;margin-right:1.5em;border:0 solid #000}#source{position:fixed;left:3.2em;bottom:.3em;margin:0;font-size:.9em}.button{font-size:1.1em;font-weight:700;padding:.7em 0;background-color:#45b4ea;color:#fff;border:none;width:6em}.button:hover{cursor:pointer;background-color:#0180a6}.button:disabled:hover{cursor:default;background-color:#45b4ea}.button:disabled{opacity:.5}#text p{line-height:150%}#text{padding:0 1em;margin:0 2em;height:8em}#logo{position:fixed;top:5px;right:10px}#logo img{width:7em;height:2.8em;opacity:.4}#legend{text-align:center;padding:0;margin-top:.7em;font-size:.9em}.legend{display:inline-block;margin:0 .35em;height:1.5em}.legend-rect{width:1em}#final{display:none;font-size:2em}#final>table{display:none;margin:auto;height:50vh;margin-top:25vh}#final td{text-align:left;vertical-align:middle}#final img{width:15em;height:6em;opacity:.7}#final li{list-style-type:none}@media screen and (min-width:481px) and (max-width:800px){body{font-size:12px}#chartContainer{height:calc(100% - 14em)}#logo img{height:3em}#final{font-size:1.2em}#final img{width:12em}}@media screen and (min-width:801px) and (max-width:1200px){body{font-size:14px}#chartContainer{height:calc(100% - 13em);width:100%}#text{height:5em;margin-left:10em;margin-right:10em}#logo img{width:6em}#final{font-size:1.5em}}@media screen and (min-width:1000px){body{font-size:16px}#text{height:6em;margin-left:15em;margin-right:15em}#chartContainer{height:calc(100% - 15em)}#logo img{width:8em;height:3.2em;margin-top:.3em}}@media screen and (max-height:450px){body{font-size:11px}#text{height:6em}#chartContainer{height:calc(100% - 15em)}}@media screen and (min-height:451px) and (max-height:800px){body{font-size:12px}#chartContainer{height:calc(100% - 16em)}}@media screen and (max-width:550px){body{font-size:11px}#chartContainer{height:calc(100% - 15em)}}@media screen and (max-width:1000px){#chartContainer{height:calc(100% - 16em)}#text{height:5em;margin-left:2.3em;margin-right:2em}}@media screen and (max-width:480px){body{font-size:11px}#chartContainer{height:calc(100% - 18em)}.button{font-size:1em;padding:.5em 0;width:5em}#final{font-size:1.2em}#final img{width:12em}#axis-x{font-size:.7em}}@media screen and (orientation:portrait){#chartContainer{height:calc(100% - 24em)}}@media screen and (max-height:480px){.axis-y{font-size:.7em}}@media screen and (max-width:479px){#axis-x .tick text{transform:rotate(-45deg) translate(-10px,-6px)}}