.cha-preview{width:49%;max-width:100%;float:left;padding:0 20px 0 0;margin-top:10px;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}#cha-canv{width:100%;vertical-align:top}.cha-settings{width:51%;max-width:100%;float:left;margin-top:10px;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}.cha-type-wrap{margin:0 0 20px;border:1px solid #ccc}.darkmode .cha-type-wrap{border-color:#666}.cha-type-inner{margin:-1px}.cha-type{float:left;width:33.3333%;height:36px;line-height:36px;text-align:center;font-size:20px;cursor:pointer}.cha-type:hover{color:#00bff3}.cha-type.selected{background:#ccc;color:inherit}.darkmode .cha-type.selected{background:#666}.cha-slice{position:relative;margin:20px 42px 0 0}input.cha-slice-title{width:100%;padding-right:40px}input.cha-slice-percent,input.cha-slice-value{width:75px;vertical-align:middle;margin-right:10px;margin-top:5px;font-size:13px}.cha-slice-slider,.cha-slice .color-picker{vertical-align:middle;margin-top:5px}.cha-slice-slider{width:150px}.but.cha-slice-remove{position:absolute;top:0;right:0;width:32px;height:32px;padding:0;border-radius:0}.cha-slice .color-picker{margin:5px 10px 0 0}.but.cha-slice-move-up,.but.cha-slice-move-down{position:absolute;width:32px;height:32px;top:0;right:-42px;cursor:pointer;padding:0}.but.cha-slice-move-down{top:37px}.cha-slice-move-up:after,.cha-slice-move-down:after{content:' ';position:absolute;width:0;height:0;top:50%;left:50%;border:10px solid transparent}.cha-slice-move-up:after{margin:-16px -10px;border-bottom-color:#aaa}.darkmode .cha-slice-move-up:after{border-bottom-color:#777}.cha-slice-move-down:after{margin:-4px -10px;border-top-color:#aaa}.darkmode .cha-slice-move-down:after{border-top-color:#777}#cha-title{width:100%}#cha-slices{margin:20px 0}.cha-color-option-wrap{display:inline-block;margin:15px 15px 0 0}.cha-color-option-wrap .color-picker{vertical-align:middle}@media(max-width:800px){.cha-preview{width:500px;padding-right:0;margin:20px auto;float:none}.cha-settings{width:100%;float:none}}