*{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%;font:1rem Arial;overflow:hidden}.modal{z-index:1;background-color:#0006;width:100%;height:100%;display:none;position:fixed;top:0;left:0;overflow:auto}.modal-content{background-color:#1f2831;border:1px solid gray;border-radius:3px;width:240px;padding:10px 5px;display:flex}.modal-content input{color:#fff;background-color:#0000;outline:none}.close,.save{margin-left:12px;font-weight:700}.close{color:red;font-size:30px}.save{color:green;font-size:24px}.close:hover,.close:focus,.save:hover,.save:focus{color:#fff;cursor:pointer;text-decoration:none}#panel{z-index:50;width:120px;height:410px;position:absolute;top:14%;left:85%}#panel-header{cursor:move;z-index:51;background-color:#171d31;border:1px solid gray;border-radius:4px;width:90px;height:40px;padding:10px}.panel-body{z-index:50;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:120px;display:flex}.left{z-index:49;background-color:#171d31;border:1px solid gray;border-radius:4px;width:90px}.right{z-index:48;color:#fce94f;background-color:#171d31;border:1px solid gray;border-radius:4px;width:30px;transition:all .3s;display:inline-block;transform:translate(-30px)}.hide{transform:translate(0)}.row{height:32px;display:flex}.cmd{cursor:pointer;text-align:center;flex:1;padding:2px;font-size:65%}.selected{color:#000;background-color:orange}.disabled{cursor:not-allowed;background-color:#2f4f4f}.divider{border-top:1px dashed gray;padding:0 2px}.icon-white{filter:invert(98%)sepia(42%)saturate(4100%)hue-rotate(183deg)brightness(127%)contrast(81%);width:24px;height:24px}ul{list-style-type:none}.color-dot{border:1px solid #fff;border-radius:50%;width:20px;height:20px;margin:3px auto}.selected-color{border:4px solid orange}.tooltip{border-bottom:1px dotted #000;display:inline-block;position:relative}.tooltip .tooltiptext{visibility:hidden;color:#fff;text-align:center;z-index:1;opacity:0;background-color:#ff8c00;border-radius:6px;width:60px;margin-left:-30px;padding:5px 0;transition:opacity .3s;position:absolute;bottom:125%;left:50%}.tooltip .tooltiptext:after{content:"";border:5px solid #0000;border-top-color:#ff8c00;margin-left:-5px;position:absolute;top:100%;left:50%}.tooltip:hover .tooltiptext{visibility:visible;opacity:1}.slidecontainer{width:100%;padding:6px 4px}.slider{-webkit-appearance:none;opacity:.6;-webkit-transition:all .2s;background:#e3e3e3;border-radius:4px;outline:none;width:100%;height:6px;transition:opacity .2s}.slider:hover{opacity:1}.slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;cursor:pointer;background:#ff8c00;border-radius:50%;width:12.5px;height:12.5px}.slider::-moz-range-thumb{cursor:pointer;background:#ff8c00;border-radius:50%;width:12.5px;height:12.5px}
/*# sourceMappingURL=app.aa728d4d.css.map */