.cheese-panel{position:relative;text-align:center;margin:80px 0;height:250px}.cheese-panel .cheese-box{position:absolute;top:50%;left:50%;width:250px;height:250px;background:rgba(0,0,0,.03);border-radius:250px;display:inline-block;margin:-125px}.cheese-panel .cheese-box .cheese-slices .slice,.cheese-panel .cheese-box .cheese-slices .slice>div{position:absolute;top:0;left:0;width:250px;height:250px;clip:rect(0,250px,250px,125px)}.cheese-panel .cheese-box .cheese-slices .slice:first-child:last-child,.cheese-panel .cheese-box .cheese-slices .slice:first-child:last-child>div{clip:rect(0,250px,250px,0)}.cheese-panel .cheese-box .cheese-slices .slice .bar{width:250px;height:250px;-webkit-transform-origin:50% 50%;-ms-transform-origin:50% 50%;transform-origin:50% 50%;border-radius:250px;clip:rect(0,250px,125px,0);background:#01d77f}.cheese-panel .cheese-box .cheese-legend{position:absolute;top:0;left:0;width:254px;height:254px;border:2px solid #717171;margin:-2px;border-radius:50%;pointer-events:none}.cheese-panel .cheese-box .cheese-legend .cl-name,.cheese-panel .cheese-box .cheese-legend .cl-row{position:absolute;top:0;left:0;width:100%;height:100%}.cheese-panel .cheese-box .cheese-legend .cl-row:after{content:"";display:block;position:absolute;top:0;left:50%;margin-left:-1px;width:2px;height:50%;background:#717171;-webkit-transform-origin:50% 100%;-ms-transform-origin:50% 100%;transform-origin:50% 100%}.cheese-panel .cheese-box .cheese-legend .cl-circle{position:absolute;top:50%;left:50%;border:1px solid #717171;border-radius:50%}.cheese-panel .cheese-box .cheese-legend .cl-circle.clc-10{width:25px;height:25px;margin:-12.5px;opacity:.8;opacity:.3}.cheese-panel .cheese-box .cheese-legend .cl-circle.clc-20{width:50px;height:50px;margin:-25px;opacity:.8}.cheese-panel .cheese-box .cheese-legend .cl-circle.clc-30{width:75px;height:75px;margin:-37.5px;opacity:.8;opacity:.3}.cheese-panel .cheese-box .cheese-legend .cl-circle.clc-40{width:100px;height:100px;margin:-50px;opacity:.8}.cheese-panel .cheese-box .cheese-legend .cl-circle.clc-50{width:125px;height:125px;margin:-62.5px;opacity:.8;opacity:.3}.cheese-panel .cheese-box .cheese-legend .cl-circle.clc-60{width:150px;height:150px;margin:-75px;opacity:.8}.cheese-panel .cheese-box .cheese-legend .cl-circle.clc-70{width:175px;height:175px;margin:-87.5px;opacity:.8;opacity:.3}.cheese-panel .cheese-box .cheese-legend .cl-circle.clc-80{width:200px;height:200px;margin:-100px;opacity:.8}.cheese-panel .cheese-box .cheese-legend .cl-circle.clc-90{width:225px;height:225px;margin:-112.5px;opacity:.8;opacity:.3}.cheese-panel .cheese-box .cheese-legend .cl-title{z-index:20;position:absolute;top:50%;left:50%;width:370px;height:370px;margin:-185px}.cheese-panel .cheese-box .cheese-legend .cl-title .cvalue{position:absolute;bottom:100%;left:50%;width:40px;height:40px;border-radius:40px;text-align:center;font-size:24px;line-height:40px;color:#000;margin:0 -20px -55px;overflow:hidden}.cheese-panel .cheese-box .cheese-legend .cl-title .cname{position:absolute;left:50%;bottom:100%;width:0;height:0;text-transform:uppercase;line-height:20px;font-size:20px}.cheese-panel .cheese-box .cheese-legend .cl-title .cname>div{position:absolute;max-width:150px}.cheese-panel .cheese-box.cheese-compare .cheese-legend .cl-title .cvalue{font-size:16px;line-height:20px}