*{box-sizing:border-box}body{background-color:#f2f5f6;font-family:Roboto,sans-serif;margin:0}a,a:visited{color:#00f}h1{text-align:center}pre.hljs{white-space:break-spaces}.wrapper{display:grid;gap:10px;grid-auto-rows:minmax(30%,auto);grid-template-columns:repeat(auto-fill,minmax(40%,1fr));margin:20px;max-width:90%}.wrapper>*{background-color:#fff;border-radius:5px;color:#000;font-size:150%;margin-bottom:10px;padding:20px}@media only screen and (max-width:900px){.wrapper{grid-auto-rows:minmax(100%,auto);grid-template-columns:repeat(auto-fill,minmax(100%,1fr))}}.panel{flex:1 1 30%;margin-left:5px;margin-right:5px;text-align:center}@media only screen and (max-width:900px){.panel{flex:1 1 100%}}.panel .simple-chart{height:250px;width:250px}.chart{margin:1em}.chart .example{border:1px solid #000}.chart .icon-example{height:25px;width:25px}.chart .medium-example{height:250px;width:250px}.chart .large-example{height:500px;width:500px}@media only screen and (max-width:900px){.chart .large-example{height:250px;width:250px}}.sample-code{border-top:1px solid grey;padding:1rem 20%;margin-bottom:2rem}.sample-code button{padding:.5rem .25rem}.sample-code button:disabled{background-color:grey;color:#fff}