.color-picker-dd{background:oklch(var(--b1,1 0 0));background:var(--color-base-100,oklch(var(--b1,1 0 0)));color:#1f2937;border:1px solid oklch(var(--b3,.9 0 0));background-color:#fff;box-shadow:0 4px 16px #00000026,0 0 0 1px #0000000d}@media (prefers-color-scheme:dark){.color-picker-dd{color:#e5e7eb;background-color:#2a303c}}.color-picker-dd .vc-sketch{box-shadow:none!important;color:inherit!important;background:0 0!important;border:none!important;border-radius:0!important}.color-picker-dd .vc-sketch-saturation-wrap{overflow:hidden;border:none!important;border-radius:0!important}.color-picker-dd .vc-sketch-controls{background:0 0!important;border-top:1px solid #80808033!important}.color-picker-dd .vc-sketch-active-color{border:1px solid #8080804d!important;border-radius:4px!important}.color-picker-dd .vc-sketch-field input{color:inherit!important;box-shadow:none!important;background:#80808014!important;border:1px solid #80808040!important;border-radius:.375rem!important;outline:none!important;padding:2px 6px!important;font-size:12px!important}.color-picker-dd .vc-sketch-field input:focus{border-color:oklch(var(--p,.55 .2 270))!important;box-shadow:0 0 0 2px oklch(var(--p,.55 .2 270) / .25)!important}.color-picker-dd .vc-sketch-field label{color:#808080a6!important;font-size:11px!important}.color-picker-dd .vc-sketch-presets{border-top:1px solid #80808033!important}.color-picker-dd .vc-sketch-saturation-pointer,.color-picker-dd .vc-hue-pointer,.color-picker-dd .vc-alpha-pointer{border:2px solid #fff!important}