.slider[data-v-575eaf32]{cursor:pointer;height:500px;margin-right:10px;position:relative;width:40px}.slid[data-v-575eaf32]{cursor:grab;display:flex;position:absolute;transform:translate(-50%,-50%)}.drag[data-v-575eaf32]{width:10px}.draggable[data-v-575eaf32]{background-color:#fff;border:1px solid #fff;border-radius:4px;overflow:hidden}input[type=color][data-v-575eaf32]{border:none;cursor:pointer}input[type=color][data-v-575eaf32]::-webkit-color-swatch-wrapper{padding:0}input[type=color][data-v-575eaf32]::-webkit-color-swatch{border:none}.selected[data-v-575eaf32]{background-color:#5d5d5d;border:1px solid #5d5d5d}#gradient-webgl[data-v-4cbecf52]{height:256px;visibility:hidden;width:1px}canvas[data-v-4cbecf52]{height:500px;width:300px}.container[data-v-4cbecf52]{display:flex}.con[data-v-c4c87229]{margin:50px 200px;position:fixed}.container[data-v-c4c87229]{display:flex;height:100%}.webgl[data-v-c4c87229]{background-color:#000}.webgl[data-v-c4c87229],canvas[data-v-c4c87229]{height:100%;width:100%}