.cp[data-v-a088c0c2]{display:flex;flex-wrap:wrap;gap:.375rem}.cp[data-v-a088c0c2],.cp__swatch[data-v-a088c0c2]{align-items:center}.cp__swatch[data-v-a088c0c2]{border:2px solid transparent;border-radius:.375rem;box-shadow:inset 0 0 0 1px #0000001f;cursor:pointer;display:inline-flex;height:1.75rem;justify-content:center;padding:0;position:relative;transition:transform .12s ease,border-color .12s ease;width:1.75rem}.cp__swatch[data-v-a088c0c2]:hover{transform:translateY(-1px)}.cp__swatch.is-active[data-v-a088c0c2]{border-color:var(--p-primary-color,#2b81ba);box-shadow:inset 0 0 0 1px #0000001f,0 0 0 2px #2b81ba33}.cp__auto[data-v-a088c0c2],.cp__custom[data-v-a088c0c2]{background:var(--p-surface-100,#f1f5f9);color:var(--p-text-muted-color,#64748b);font-size:.75rem}.cp__custom input[type=color][data-v-a088c0c2]{border:0;cursor:pointer;height:100%;inset:0;opacity:0;padding:0;position:absolute;width:100%}.cp__label[data-v-a088c0c2]{color:var(--p-text-muted-color,#64748b);font-size:.75rem;font-variant-numeric:tabular-nums;margin-left:.25rem}.cp__warn[data-v-a088c0c2]{align-items:flex-start;color:#b45309;display:flex;font-size:.75rem;gap:.375rem;line-height:1.4;margin:.5rem 0 0}@media (prefers-reduced-motion:reduce){.cp__swatch[data-v-a088c0c2]{transition:none}.cp__swatch[data-v-a088c0c2]:hover{transform:none}}