.head{min-width:150px;width:50%;background:#5f9ea0;border-radius:5px;text-align:center;color:#fff;height:24px}.score-chart{height:calc(100% - 24px)}.score-container{width:140px;border-radius:0 10px 10px 0;display:flex;flex-direction:column;align-items:center;padding:5px}.score-container label:first-child{font-size:30px}.chart{width:calc(100% - 100px);overflow:hidden;height:100%}.score-chart{display:flex;flex-direction:row;align-items:center}.score-chart .score-green{background:green}.score-chart .score-green label{color:#000}.score-chart .score-yellow{background:#ff0}.score-chart .score-yellow label{color:#000}.score-chart .score-red{background:red}.score-chart .score-red label{color:#fff}.score-chart .plotly{width:100%;height:100%}