.color-picker[data-v-986e7d3a]{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:12px}.color-input[data-v-986e7d3a]{width:100px}.color-presets[data-v-986e7d3a]{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:6px;margin-left:8px}.color-preset-item[data-v-986e7d3a]{width:24px;height:24px;border-radius:4px;cursor:pointer;border:2px solid transparent;transition:all .2s}.color-preset-item[data-v-986e7d3a]:hover{transform:scale(1.1);border-color:#d9d9d9}.color-preset-item.active[data-v-986e7d3a]{border-color:#1890ff;box-shadow:0 0 0 2px rgba(24,144,255,.2)}