html,body{height:100%}*,*:before,*:after{box-sizing:border-box}html,body{font-size:100%}body{background:#fff;color:#222;cursor:auto;font-family:Helvetica Neue,Helvetica,Roboto,Arial,sans-serif;font-style:normal;font-weight:400;line-height:1.6;margin:0;padding:0;position:relative}a:hover{cursor:pointer}img{max-width:100%;height:auto}img{-ms-interpolation-mode:bicubic}.hide{display:none}.invisible{visibility:hidden}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img{display:inline-block;vertical-align:middle}textarea{height:auto;min-height:50px}select{width:100%}@media only screen and (min-width:48em){.chart-container{display:table;width:100%}}.chart-container__body{position:relative}@media only screen and (min-width:48em){.chart-container__body{display:table-cell;vertical-align:top;width:50%;padding:0 20px}.chart-container__body--1colum{display:inherit;height:30vw;width:100%}}.chart-container__body canvas{width:200vw;height:50vh;pointer-events:none;max-width:345px;min-height:375px;margin:0 auto}@media only screen and (min-width:48em){.chart-container__body canvas{width:10vw;height:40vh;max-width:none;min-height:none}}@media(max-width:320px){.chart-container__body canvas{max-width:290px;min-height:320px}}.chart-container__title{position:absolute;top:0;left:0;right:0;margin:auto;text-align:center;top:50%;transform:translateY(-50%);font-weight:700;font-size:20px}.data-read{font-size:20px;text-align:center;margin-bottom:10px}@media only screen and (min-width:48em){.data-read{font-size:28px;margin-bottom:20px}}@media(max-width:320px){.data-read{font-size:18px}}.additional-explanation{background:#f5f5f5;border-radius:5px;padding:15px;font-size:12px}@media only screen and (min-width:48em){.additional-explanation{font-size:14px;padding:20px}}.additional-explanation__title{font-weight:700;margin-bottom:10px;font-size:14px}@media only screen and (min-width:48em){.additional-explanation__title{font-size:16px}}