.saturation[data-v-5351418d]{position:relative;cursor:pointer}.slide[data-v-5351418d]{position:absolute;left:100px;top:0;width:10px;height:10px;border-radius:50%;border:1px solid #fff;box-shadow:0 0 1px 1px #0000004d;pointer-events:none}.hue[data-v-d0ec282b]{position:relative;margin-left:8px;cursor:pointer}.hue .slide[data-v-d0ec282b]{position:absolute;left:0;top:100px;width:100%;height:4px;background:#fff;box-shadow:0 0 1px #0000004d;pointer-events:none}.color-alpha[data-v-17bfd027]{position:relative;margin-left:8px;cursor:pointer}.slide[data-v-17bfd027]{position:absolute;left:0;top:100px;width:100%;height:4px;background:#fff;box-shadow:0 0 1px #0000004d;pointer-events:none}.gradient-stop-input[data-v-af5af2e8]{width:100%;height:26px;padding:0 12px;margin-left:8px;border:none;color:#fff;background:#2e333a}.gradient-color[data-v-663ea3ac]{display:flex;flex-direction:row;align-items:center;padding:4px 8px}.gradient-color.selected[data-v-663ea3ac]{background-color:#656c76}.color-preview[data-v-663ea3ac]{width:26px;height:26px;flex-shrink:0;cursor:pointer;background-color:var(--5156670b)}.g-delete-color[data-v-663ea3ac]{width:18px;height:18px;margin-left:8px;cursor:pointer;flex-shrink:0}.gradient-bar-handle[data-v-76717f5d]{display:flex;flex-direction:column;position:absolute;width:14px;top:-10px;left:var(--7a532474);align-items:center;opacity:.45;z-index:var(--68ea4045)}.gradient-bar-handle.selected[data-v-76717f5d],.gradient-bar-handle[data-v-76717f5d]:hover{opacity:1}.handle[data-v-76717f5d]{width:14px;height:42px;padding:2px;cursor:move;border:2px solid #000000;border-radius:8px;background-color:#fff;box-shadow:0 1px 2px #00000080}.color[data-v-76717f5d]{height:100%;border-radius:8px;background-color:var(--c0f6af08)}.stop-value[data-v-76717f5d]{font-size:13px;width:36px;margin:4px 0 0;padding:6px 0;border-radius:4px;text-align:center;-webkit-user-select:none;-moz-user-select:none;user-select:none;box-shadow:0 1px 2px #00000080;background:#2e333a}.gradient-bar[data-v-4cf09758]{padding:2px;margin:16px 0 48px;background-color:#fff;-webkit-user-select:none;-moz-user-select:none;user-select:none}.gradient-bar-inner[data-v-4cf09758]{height:22px;position:relative;background:var(--22d2b577)}.color-picker-button[data-v-b348385e]{color:var(--color-picker-color-light1, #f8f5f0);font-family:var(--color-picker-font-title);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:500;height:26px;padding:0 8px;border:none;cursor:pointer;background:#335;flex-shrink:0;box-shadow:inset 1px 1px 1px #fff6,inset -1px -1px 1px #0006}.color-picker-button[data-v-b348385e]:active{box-shadow:inset 1px 1px 1px #000c,inset -1px -1px 1px #fff6}.gradient-degree[data-v-1a1120bb]{display:flex;flex-direction:row;align-items:center;margin-top:8px}.gradient-degree-input[data-v-1a1120bb]{width:100%;height:26px;padding:0 12px;margin-left:8px;border:none;color:#fff;background:#2e333a}.degree-knob[data-v-1a1120bb]{width:40px;height:40px;display:flex;flex-direction:row;align-items:center;justify-content:center;position:relative;border:3px solid white;border-radius:50%;cursor:pointer;flex-shrink:0;transform:rotate(var(--7eafadcb))}.degree-indicator[data-v-1a1120bb]{width:6px;height:6px;position:absolute;top:4px;background-color:#fff;border-radius:50%}.reset-gradient-degree-button[data-v-1a1120bb]{width:48px;margin-left:8px}.gradient-preview[data-v-188a8aa8]{width:50%;padding-bottom:50%;margin:8px auto 0;background:var(--54a6ebc3)}.gradient-color-labels[data-v-188a8aa8]{display:flex;flex-direction:row;align-items:center}.g-label[data-v-188a8aa8]{font-family:var(--color-picker-font-text);font-weight:500;font-size:13px}.color-label[data-v-188a8aa8]{display:flex;align-items:center;justify-content:center;width:42px;flex-shrink:0}.stop-label[data-v-188a8aa8]{flex-grow:1;text-align:center}.delete-label[data-v-188a8aa8]{width:18px;margin-left:8px}.gradient-types[data-v-188a8aa8]{display:flex;flex-direction:row}.gradient-type[data-v-188a8aa8]{font-family:var(--color-picker-font-text);font-size:13px;padding:4px 6px;margin-top:6px;color:var(--color-picker-color-light2, #dddfe2);border:1px solid var(--color-picker-color-border, #606470);cursor:pointer;text-align:center;flex-grow:1;-webkit-user-select:none;-moz-user-select:none;user-select:none}.gradient-type.active[data-v-188a8aa8]{color:#fff;background-color:var(--color-picker-color-border, #606470);border-right:none}.gradient-type[data-v-188a8aa8]:first-of-type{border-top-left-radius:8px;border-bottom-left-radius:8px}.gradient-type[data-v-188a8aa8]:last-of-type{border-top-right-radius:8px;border-bottom-right-radius:8px;border-left:none}.color-type[data-v-4421304a]{display:flex;margin-top:4px;font-size:12px}.name[data-v-4421304a]{width:60px;height:26px;float:left;display:flex;justify-content:center;align-items:center;color:#999;background:#252930}.value[data-v-4421304a]{flex:1;height:26px;min-width:100px;padding:0 12px;border:0;color:#fff;background:#2e333a;box-sizing:border-box}.color-picker[data-v-7dabd9b7]{display:flex;flex-direction:column;font-family:var(--color-picker-font-text, Helvetica);color:var(--color-picker-color-light1, #f8f5f0);background:#1d2024;border-radius:4px;box-shadow:0 0 16px #00000029;z-index:var(--color-picker-z-index);position:absolute}.clear-color[data-v-7dabd9b7] g{fill:#b7436a}.color-picker.gradient[data-v-7dabd9b7]{flex-direction:row}.color-picker.light[data-v-7dabd9b7]{background:#f7f8f9}.color-type .name[data-v-7dabd9b7]{background:#e7e8e9}.color-type .value[data-v-7dabd9b7]{color:#666;background:#eceef0}.theme-color-cell[data-v-7dabd9b7]{border-color:#313233}.picker-col[data-v-7dabd9b7]{padding:8px;box-sizing:initial}canvas[data-v-7dabd9b7]{display:flex;height:100%;width:100%;aspect-ratio:1}.color-set[data-v-7dabd9b7]{display:flex}.apply-gradient-button[data-v-7dabd9b7]{width:100%;margin-top:8px}.color-row[data-v-7dabd9b7]{display:flex;width:100%;margin-top:6px}.color-row>canvas[data-v-7dabd9b7]{width:var(--4accdeb1)}.select-wrap[data-v-7dabd9b7]{display:flex;margin:8px 6px 0 0;width:100%}.select-wrap[data-v-7dabd9b7] svg{width:22px;height:22px;margin-left:6px;cursor:pointer}.color-select[data-v-7dabd9b7]{padding:6px 4px;flex-grow:1}.add-gradient-color[data-v-7dabd9b7]{padding:6px 4px;margin-left:6px;flex-grow:1}.plus[data-v-7dabd9b7]{width:16px;height:16px;margin-right:4px}.add-gradient-color.gradient[data-v-7dabd9b7]{width:50%;margin-left:0}.theme-color-grid[data-v-7dabd9b7]{display:flex;flex-direction:row;flex-wrap:wrap;margin:4px 0 0 -8px}.theme-color-cell[data-v-7dabd9b7]{width:17px;height:17px;margin:8px 0 0 8px;box-shadow:0 1px 4px 1px #ffffff1a;border-radius:3px;cursor:pointer;transition:all .2s ease}.theme-color-cell[data-v-7dabd9b7]:hover{transform:scale(1.1)}.theme-color-empty[data-v-7dabd9b7]{font-family:var(--color-picker-font-text);color:var(--color-picker-color-light3, #a1a1aa);font-size:13px;margin-top:12px}