dl{font-family:'Josefin Sans';display:flex;background-color:#fff;flex-direction:column;width:50%;position:relative;padding:20px}dt{align-self:flex-start;width:100%;font-weight:700;display:block;text-align:center;font-size:1.5rem;font-weight:700;margin-bottom:20px}.ropenote{font-family:'Domine';font-weight:70;font-size:1.20}.yaxis{font-weight:600;display:flex;align-items:center;height:40px;width:130px;background-color:#fff;position:absolute;left:0;justify-content:flex-end}.rank{font-size:.8em;line-height:1;text-transform:uppercase;width:100%;height:40px;margin-left:130px}.rank:after{content:"";display:block;background-color:#930027;width:50px;margin-bottom:10px;height:90%;position:relative;top:50%;transform:translateY(-50%)}.rank-0:after{width:0}.rank-1:after{width:20%}.rank-2:after{width:40%}.rank-3:after{width:60%}.rank-4:after{width:80%}.rank-5:after{width:100%}.tab{overflow:hidden;border:1px solid #ccc;background-color:#f1f1f1}.tab button{color:#000;background-color:inherit;float:left;border:none;outline:none;cursor:pointer;transition:.3s;font-size:1.5rem}.tab button:hover{background-color:#ddd}.tab button.active{color:#fff;background-color:#930027}.materialchart{display:none}.propertychart{display:none}