.color-picker-wrapper[data-v-0e00cfdc]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.color-picker-wrapper .color-preview[data-v-0e00cfdc]{width:44px;height:32px;border:1px solid #d9d9d9;border-radius:4px;cursor:pointer;-webkit-transition:all .3s;transition:all .3s}.color-picker-wrapper .color-preview[data-v-0e00cfdc]:hover{border-color:#40a9ff;-webkit-box-shadow:0 0 0 2px rgba(24,144,255,.2);box-shadow:0 0 0 2px rgba(24,144,255,.2)}.preset-colors[data-v-0e00cfdc]{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:8px;margin-top:8px;padding:12px;background:#f5f5f5;border-radius:4px}.preset-colors .color-item[data-v-0e00cfdc]{width:32px;height:32px;border-radius:4px;cursor:pointer;-webkit-transition:all .3s;transition:all .3s;border:2px solid transparent}.preset-colors .color-item[data-v-0e00cfdc]:hover{-webkit-transform:scale(1.1);transform:scale(1.1);-webkit-box-shadow:0 2px 8px rgba(0,0,0,.15);box-shadow:0 2px 8px rgba(0,0,0,.15)}.preset-colors .color-item[data-v-0e00cfdc]:active{-webkit-transform:scale(.95);transform:scale(.95)}