.qi-thumb[data-v-c52c379d]{object-fit:cover;background:rgba(var(--text-rgb), .08);border-radius:8px;flex:none;width:44px;height:44px}.canvas-wrap[data-v-c52c379d]{background-color:rgba(var(--text-rgb), .05);background-image:linear-gradient(45deg, rgba(var(--text-rgb), .06) 25%, transparent 25%), linear-gradient(-45deg, rgba(var(--text-rgb), .06) 25%, transparent 25%), linear-gradient(45deg, transparent 75%, rgba(var(--text-rgb), .06) 75%), linear-gradient(-45deg, transparent 75%, rgba(var(--text-rgb), .06) 75%);background-position:0 0,0 9px,9px -9px,-9px 0;background-size:18px 18px;border-radius:12px;max-height:60vh;margin-top:16px;padding:8px;overflow:auto}.cv[data-v-c52c379d]{max-width:100%;height:auto;display:block}.color[data-v-c52c379d]{border:1px solid rgba(var(--text-rgb), .16);cursor:pointer;background:0 0;border-radius:7px;width:34px;height:26px;padding:0}.hex[data-v-c52c379d]{color:rgba(var(--text-rgb), .55);font-size:12px}.range[data-v-c52c379d]{accent-color:#17181a;flex:1;min-width:90px;max-width:200px}.range-val[data-v-c52c379d]{min-width:34px;color:rgba(var(--text-rgb), .65);flex:none;font-size:12px}