.edui-color-field[data-v-882444f8]{display:flex;flex-direction:column;font-family:var(--edui-font-sans);gap:var(--edui-space-2)}.edui-color-field__row[data-v-882444f8]{align-items:center;display:flex;gap:var(--edui-space-2);max-width:22rem}.edui-color-field__swatch[data-v-882444f8]{border:1px solid var(--edui-border);border-radius:var(--edui-radius-md);box-shadow:inset 0 0 0 1px #ffffff73;cursor:pointer;flex:none;height:var(--edui-control-h);padding:0;width:var(--edui-control-h)}.edui-color-field__swatch[data-v-882444f8]:disabled{cursor:not-allowed;opacity:.6}.edui-color-field__swatch[data-v-882444f8]:focus-visible{outline:var(--edui-focus-outline);outline-offset:2px}.edui-color-field__hex[data-v-882444f8]{flex:1;min-width:0}.edui-color-picker[data-v-882444f8]{display:flex;flex-direction:column;gap:var(--edui-space-3)}.edui-color-picker__area[data-v-882444f8]{border-radius:var(--edui-radius-md);cursor:crosshair;height:9rem;overflow:hidden;position:relative;touch-action:none}.edui-color-picker__black[data-v-882444f8],.edui-color-picker__white[data-v-882444f8]{border-radius:inherit;inset:0;position:absolute}.edui-color-picker__white[data-v-882444f8]{background:linear-gradient(90deg,#fff,transparent)}.edui-color-picker__black[data-v-882444f8]{background:linear-gradient(0deg,#000,transparent)}.edui-color-picker__thumb[data-v-882444f8]{border:2px solid #fff;border-radius:50%;box-shadow:0 0 0 1px #00000073,var(--edui-shadow-sm);height:14px;pointer-events:none;position:absolute;transform:translate(-50%,-50%);width:14px}.edui-color-picker__slider[data-v-882444f8]{display:flex;flex-direction:column;gap:var(--edui-space-1)}.edui-color-picker__slider-label[data-v-882444f8]{color:var(--edui-text-3);font-size:var(--edui-text-xs)}.edui-color-picker__range[data-v-882444f8]{-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:var(--edui-radius-pill);cursor:pointer;height:12px;margin:0;width:100%}.edui-color-picker__range[data-v-882444f8]:disabled{cursor:not-allowed;opacity:.6}.edui-color-picker__range--hue[data-v-882444f8]{background:linear-gradient(90deg,red 0,#ff0 17%,#0f0 33%,#0ff,#00f 67%,#f0f 83%,red)}.edui-color-picker__range[data-v-882444f8]:focus-visible{outline:var(--edui-focus-outline);outline-offset:2px}.edui-color-picker__range[data-v-882444f8]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:transparent;border:2px solid #fff;border-radius:50%;box-shadow:0 0 0 1px #00000073,var(--edui-shadow-sm);height:14px;width:14px}.edui-color-picker__range[data-v-882444f8]::-moz-range-thumb{background:transparent;border:2px solid #fff;border-radius:50%;box-shadow:0 0 0 1px #00000073,var(--edui-shadow-sm);height:14px;width:14px}.edui-color-field__presets[data-v-882444f8]{display:flex;flex-wrap:wrap;gap:var(--edui-space-2)}.edui-color-field__preset[data-v-882444f8]{border:1px solid var(--edui-border);border-radius:var(--edui-radius-sm);box-shadow:inset 0 0 0 1px #ffffff73;cursor:pointer;height:24px;padding:0;transition:transform var(--edui-dur-fast) var(--edui-ease);width:24px}.edui-color-field__preset[data-v-882444f8]:hover:not(:disabled){transform:scale(1.15)}.edui-color-field__preset--active[data-v-882444f8]{outline:2px solid var(--edui-text-1);outline-offset:1px}.edui-color-field__preset[data-v-882444f8]:focus-visible{outline:var(--edui-focus-outline);outline-offset:2px}.edui-color-field__preset[data-v-882444f8]:disabled{cursor:not-allowed;opacity:.5}