.color-picker[data-v-8d23378e]{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:8px}.color-item[data-v-8d23378e]{width:28px;height:28px;border-radius:4px;cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;color:#fff;-webkit-transition:all .2s;transition:all .2s;border:2px solid transparent}.color-item[data-v-8d23378e]:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}.color-item.active[data-v-8d23378e]{border-color:#333;-webkit-box-shadow:0 0 4px rgba(0,0,0,.3);box-shadow:0 0 4px rgba(0,0,0,.3)}