@property --angle{syntax:"<angle>";inherits:false;initial-value:0deg}@keyframes rotateColor-d86cd084{0%{--angle:0deg}to{--angle:359deg}}.color-action-cell[data-v-d86cd084]{cursor:pointer;background-clip:padding-box;border:3px solid #fff;border-radius:11px;flex:0 0 42px;width:42px;height:42px;position:relative}.color-action-cell .icon[data-v-d86cd084]{z-index:1;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.color-action-cell .icon[data-v-d86cd084]:before{width:24px;height:24px;font-size:24px;line-height:24px}.color-action-cell.--add[data-v-d86cd084]{background-color:#007f55}.color-action-cell.--add .icon[data-v-d86cd084]{color:#fff}.color-action-cell.--picker[data-v-d86cd084]{background-color:#fff;display:none}@media (hover:hover){.color-action-cell.--picker[data-v-d86cd084]{display:block}}.color-action-cell.--picker .icon[data-v-d86cd084]{color:#06272d}.color-action-cell.--picker[data-v-d86cd084]:before{content:"";background:linear-gradient(var(--angle),#b827fc 0,#2c90fc 25%,#b8fd33 50%,#fec837 75%,#fd1892 100%);-webkit-mask-composite:xor;border-radius:8px;padding:2px;position:absolute;inset:3px;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.color-action-cell.--picker.picking[data-v-d86cd084]:before,.color-action-cell.--picker[data-v-d86cd084]:hover:before{animation:3s linear infinite rotateColor-d86cd084}.hue[data-v-2517bdf5]{-webkit-user-select:none;user-select:none;cursor:pointer;background:linear-gradient(90deg,red 0,#ff0 17%,#0f0 33%,#0ff 50%,#00f 66%,#f0f 83%,red);border:1px solid #c2d3d6;border-radius:8px;height:32px;position:relative}.hue-handle[data-v-2517bdf5]{cursor:ew-resize;border:2px solid #fff;border-radius:8px;width:12px;height:40px;position:absolute;top:50%;transform:translate(-50%,-50%);box-shadow:0 1px 4px #0000004d}.sv[data-v-2517bdf5]{-webkit-user-select:none;user-select:none;cursor:pointer;background:linear-gradient(#0000 0,#000),linear-gradient(90deg,#fff 0,#fff0);border:1px solid #c2d3d6;border-radius:8px;height:192px;margin-bottom:16px;position:relative}.sv-handle[data-v-2517bdf5]{cursor:move;border:2px solid #fff;border-radius:50%;width:24px;height:24px;position:absolute;transform:translate(-50%,50%);box-shadow:0 1px 4px #0000004d}.color-line[data-v-2517bdf5]{margin-top:16px;display:flex}.preview[data-v-2517bdf5]{border:1px solid #c2d3d6;border-radius:8px;width:90px;margin-right:8px}.cmjn-line[data-v-2517bdf5]{margin-top:16px;display:flex}.cmjn-line[data-v-2517bdf5]>:not(:first-child){margin-left:8px}.actions[data-v-2517bdf5]{margin-top:16px;display:flex}.actions[data-v-2517bdf5]>*{flex-basis:50%}.actions[data-v-2517bdf5]>:not(:first-child){margin-left:8px}.title[data-v-1f3c7a19]{color:#06272d;letter-spacing:0;margin:8px 0;font-size:13px;font-weight:600}.separator[data-v-1f3c7a19]{border-top:1px solid #c2d3d6}.color-grid[data-v-1f3c7a19]{border:1px solid #c2d3d6;flex-wrap:wrap;display:flex}.color-grid.--custom[data-v-1f3c7a19],.color-grid.--used[data-v-1f3c7a19]{border:none;margin-bottom:8px}.color-grid.--custom .color-cell[data-v-1f3c7a19],.color-grid.--used .color-cell[data-v-1f3c7a19]{outline:1px solid #c2d3d6}.color-grid.--custom .color-cell[data-v-1f3c7a19]{flex:0 0 42px;width:42px;height:42px;padding-top:0}.color-remove[data-v-1f3c7a19]{opacity:0;transform-origin:100% 0;color:#fff;background-color:#0000004d;border-radius:50%;padding:2px;transition:opacity .1s;position:absolute;top:0;right:0;transform:scale(.5)}.color-cell[data-v-1f3c7a19]{cursor:pointer;border:3px solid #0000;flex-basis:12.5%;padding-top:calc(12.5% - 6px);transition:all .15s;position:relative;overflow:hidden}.color-cell.--selected[data-v-1f3c7a19]{border:3px solid #00b67a}.color-cell i.icon[data-v-1f3c7a19]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.color-cell:hover .color-remove[data-v-1f3c7a19]{opacity:1}.fade-enter-active[data-v-1f3c7a19],.fade-leave-active[data-v-1f3c7a19]{transition:opacity .15s}.fade-enter-from[data-v-1f3c7a19],.fade-leave-to[data-v-1f3c7a19]{opacity:0}