.cs-container .cs-close[data-v-157c7c9e]{position:fixed;right:20px;top:50px;width:2rem;height:2rem;cursor:pointer}.cs-container canvas[data-v-157c7c9e]{cursor:crosshair}[data-v-157c7c9e]{margin:0;padding:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.tools[data-v-157c7c9e]{position:fixed;left:0;bottom:30px;width:100%;display:flex;justify-content:center;text-align:center}.tools button[data-v-157c7c9e]{width:32px;height:32px;background:transparent;border:none;outline:none;cursor:pointer;box-sizing:border-box;text-align:center;margin:0 10px;padding:0}.tools button img[data-v-157c7c9e]{width:32px;height:32px}.tools button.active[data-v-157c7c9e],.tools button[data-v-157c7c9e]:active{box-shadow:0 0 15px #0cf;color:#0cf}.tools button i[data-v-157c7c9e]{font-size:24px}.color_range_group[data-v-157c7c9e]{height:80%;width:10rem;display:flex;flex-direction:column;justify-content:center;align-items:center;position:fixed;left:0;top:15%}.color-group[data-v-157c7c9e]{width:30px}.color-group ul[data-v-157c7c9e]{list-style:none}.color-group ul li[data-v-157c7c9e]{width:30px;height:30px;margin:10px 0;border-radius:50%;box-sizing:border-box;border:3px solid #fff;box-shadow:0 0 8px rgba(0,0,0,.2);cursor:pointer;transition:.3s}.color-group ul li.active[data-v-157c7c9e]{box-shadow:0 0 15px #0cf}#range-wrap[data-v-157c7c9e]{justify-self:flex-end;width:30px;height:170px;margin-top:2rem;text-align:center}#range-wrap span[data-v-157c7c9e]{color:#fff}#range-wrap input[data-v-157c7c9e]{transform:rotate(-90deg);width:150px;height:20px;margin:0 0 0 5px;transform-origin:75px 75px;border-radius:15px;-webkit-appearance:none;outline:none;position:relative}#range-wrap input[data-v-157c7c9e]:after{display:block;content:"";width:0;height:0;border:5px solid transparent;border-right:150px solid #0cf;border-left-width:0;position:absolute;left:0;top:5px;border-radius:15px;z-index:0}#range-wrap input[type=range][data-v-157c7c9e]::-moz-range-thumb,#range-wrap input[type=range][data-v-157c7c9e]::-webkit-slider-thumb{-webkit-appearance:none}#range-wrap input[type=range][data-v-157c7c9e]::-moz-range-track,#range-wrap input[type=range][data-v-157c7c9e]::-webkit-slider-runnable-track{height:10px;border-radius:10px;box-shadow:none}#range-wrap input[type=range][data-v-157c7c9e]::-webkit-slider-thumb{-webkit-appearance:none;height:20px;width:20px;margin-top:-1px;background:#fff;border-radius:50%;box-shadow:0 0 8px #0cf;position:relative;z-index:999}@media screen and (max-height:570px),screen and (max-width:768px){.tools[data-v-157c7c9e]{bottom:auto;top:20px}.tools button[data-v-157c7c9e]{width:35px;height:35px;line-height:35px;margin-bottom:15px;box-shadow:0 0 5px rgba(0,0,0,.1)}.tools button.active[data-v-157c7c9e],.tools button[data-v-157c7c9e]:active{box-shadow:0 0 5px #0cf}.tools button i[data-v-157c7c9e]{font-size:18px}.tools #swatches[data-v-157c7c9e]{display:none}.color-group[data-v-157c7c9e]{position:fixed;left:0;top:auto;bottom:20px;display:flex;width:100%;justify-content:center;text-align:center;transform:translate(0)}.color-group ul li[data-v-157c7c9e]{display:inline-block;margin:0 5px}.color-group ul li.active[data-v-157c7c9e]{box-shadow:0 0 10px #0cf}#range-wrap[data-v-157c7c9e]{right:auto;left:20px}}