.color-block-container[data-v-8275e338]{width:100%}.color-block-container+.color-block-container[data-v-8275e338]{border-top:1px solid rgba(49,52,57,.08)}.color-title[data-v-8275e338]{justify-content:space-between;width:100%}.color-title[data-v-8275e338],.title-left[data-v-8275e338]{align-items:center;color:#313439;display:flex;height:40px}.title-left[data-v-8275e338]{flex:1;font-size:14px;font-weight:500;line-height:20px;transition:color .2s ease}.title-left .arrow-btn[data-v-8275e338]{color:#313439d9}.title-left:hover .arrow-btn[data-v-8275e338]{color:#313439}.transform-wrapper[data-v-8275e338]{align-items:center;display:flex;gap:4px;transform:translate(-4px)}.title-label[data-v-8275e338]{align-items:center;display:inline-flex;gap:2px}.arrow-btn[data-v-8275e338],.title-icon[data-v-8275e338]{flex-shrink:0;height:16px;width:16px}.arrow-btn[data-v-8275e338]{transform:rotate(90deg);transition:transform .2s ease}.arrow-btn.open[data-v-8275e338]{transform:rotate(0)}.color-title-btns[data-v-8275e338]{align-items:center;color:#3134398c;cursor:pointer;display:flex;height:28px;justify-content:center;overflow:visible;transition:color .2s ease;width:28px}.color-title-btns[data-v-8275e338]:hover{color:#313439}.reset[data-v-8275e338]{display:block;flex-shrink:0;height:20px;overflow:visible;width:20px}.color-title-reset-tooltip[data-v-8275e338]{flex:0 0 28px;height:28px;overflow:visible;width:28px}.color-title-reset-tooltip[data-v-8275e338] .el-tooltip__trigger{align-items:center;display:flex;height:28px;justify-content:center;overflow:visible;width:28px}.color-list[data-v-8275e338]{box-sizing:border-box;padding:0 0 12px;width:100%}.hsl-container .hsl-tab[data-v-b0c6068b]{align-items:center;display:flex;height:40px;padding:4px 0 8px}.hsl-container .hsl-tab .tab-item[data-v-b0c6068b]{align-items:center;background:#fff;border:1px solid transparent;border:1px solid rgba(49,52,57,.16);border-radius:var(--radius-m,4px);color:#313439b3;cursor:default;display:flex;font-size:12px;height:24px;justify-content:center;margin-right:8px;padding:0 8px}.hsl-container .hsl-tab .tab-item[data-v-b0c6068b]:hover{border-color:#31343952;color:#313439}.hsl-container .hsl-tab .active[data-v-b0c6068b]{background:#fff;border:1px solid #313439;color:#313439}.color-adjustment-controls[data-v-e05d6e90]{width:100%}