.h-cell-color-picker[data-v-b854b473]{font-family:var(--h0n-ui-font-family);min-width:0;display:inline-flex}.h-cell-color-picker__trigger[data-v-b854b473]{background:var(--h-color-picker-background,var(--h0n-ui-color-surface));border-radius:var(--h0n-ui-radius-lg);color:var(--h0n-ui-color-text);cursor:pointer;font:inherit;font-size:var(--h0n-ui-typography-body-sm-size);font-weight:var(--h0n-ui-font-weight-medium);min-width:0;transition:background-color var(--h0n-ui-duration-fast) var(--h0n-ui-easing-standard), box-shadow var(--h0n-ui-duration-fast) var(--h0n-ui-easing-standard);border:1px solid #0000;justify-content:space-between;align-items:center;gap:16px;width:100%;padding-inline:12px;display:flex}.h-cell-color-picker__trigger[data-v-b854b473]:focus-visible{box-shadow:var(--h0n-ui-focus-ring);outline:none}.h-cell-color-picker__value[data-v-b854b473]{flex:none;align-items:center;gap:10px;display:inline-flex}.h-cell-color-picker__value--swatch-left[data-v-b854b473]{flex-direction:row-reverse}.h-cell-color-picker__code[data-v-b854b473]{color:var(--h0n-ui-color-muted);font-variant-numeric:tabular-nums;letter-spacing:0;white-space:nowrap;inline-size:7ch;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace}.h-cell-color-picker__swatch[data-v-b854b473]{border:1px solid color-mix(in srgb, currentColor 16%, transparent);border-radius:var(--h0n-ui-radius-round);background:canvas;flex:none;width:20px;height:20px;display:inline-block}.h-cell-color-picker__popover[data-v-b854b473]{background:var(--h0n-ui-color-surface);border-radius:var(--h0n-ui-radius-xl);width:min(264px, 100vw - var(--h0n-ui-overlay-inset) * 2);z-index:var(--h0n-ui-layer-popover);gap:12px;padding:12px;display:grid;position:fixed;box-shadow:0 18px 48px #00000047}.h-cell-color-picker__saturation[data-v-b854b473]{border-radius:var(--h0n-ui-radius-lg);cursor:crosshair;touch-action:none;background-image:linear-gradient(#0000,#000),linear-gradient(90deg,#fff,#0000);height:220px;position:relative}.h-cell-color-picker__saturation[data-v-b854b473]:focus-visible,.h-cell-color-picker__hue[data-v-b854b473]:focus-visible{box-shadow:var(--h0n-ui-focus-ring);outline:none}.h-cell-color-picker__saturation-marker[data-v-b854b473],.h-cell-color-picker__hue-marker[data-v-b854b473]{pointer-events:none;border:3px solid #fff;border-radius:50%;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #00000080}.h-cell-color-picker__saturation-marker[data-v-b854b473]{width:16px;height:16px;top:50%}.h-cell-color-picker__hue-copy[data-v-b854b473]{color:var(--h0n-ui-color-text);font-size:var(--h0n-ui-typography-body-sm-size);font-weight:var(--h0n-ui-font-weight-medium);justify-content:space-between;display:flex}.h-cell-color-picker__hue[data-v-b854b473]{border-radius:var(--h0n-ui-radius-round);cursor:ew-resize;touch-action:none;background:linear-gradient(90deg,red 0%,#ff0 16.67%,#0f0 33.33%,#0ff 50%,#00f 66.67%,#f0f 83.33%,red 100%);height:18px;position:relative}.h-cell-color-picker__hue-marker[data-v-b854b473]{width:18px;height:18px;top:50%}.h-cell-color-picker__output[data-v-b854b473]{color:var(--h0n-ui-color-muted);font-size:var(--h0n-ui-typography-body-sm-size);font-variant-numeric:tabular-nums;align-items:center;gap:8px;display:flex}.h-cell-color-picker__output .h-cell-color-picker__swatch[data-v-b854b473]{width:16px;height:16px}.h-cell-color-picker--secondary[data-v-b854b473]{--h-color-picker-background:var(--h0n-ui-color-secondary)}.h-cell-color-picker--surface[data-v-b854b473]{--h-color-picker-background:var(--h0n-ui-color-surface)}.h-cell-color-picker--ghost[data-v-b854b473]{--h-color-picker-background:transparent}.h-cell-color-picker--standard[data-v-b854b473]{flex:0 320px;width:320px;max-width:100%}.h-cell-color-picker--minimal .h-cell-color-picker__trigger[data-v-b854b473]{gap:8px;width:auto}.h-cell-color-picker--sm .h-cell-color-picker__trigger[data-v-b854b473]{min-height:40px;padding-inline:11px}.h-cell-color-picker--sm .h-cell-color-picker__swatch[data-v-b854b473]{width:16px;height:16px}.h-cell-color-picker--md .h-cell-color-picker__trigger[data-v-b854b473]{min-height:46px;padding-inline:12px}.h-cell-color-picker--lg .h-cell-color-picker__trigger[data-v-b854b473]{min-height:52px;padding-inline:12px}.h-cell-color-picker--lg .h-cell-color-picker__swatch[data-v-b854b473]{width:24px;height:24px}.h-cell-color-picker--disabled[data-v-b854b473]{opacity:var(--h0n-ui-disabled-opacity)}@media (hover:hover) and (pointer:fine){.h-cell-color-picker__trigger[data-v-b854b473]:hover:not(:disabled){background:var(--h0n-ui-color-surface-hover)}}@media (forced-colors:active){.h-cell-color-picker__trigger[data-v-b854b473],.h-cell-color-picker__popover[data-v-b854b473],.h-cell-color-picker__saturation[data-v-b854b473],.h-cell-color-picker__hue[data-v-b854b473],.h-cell-color-picker__swatch[data-v-b854b473]{border:1px solid canvastext}}.h-cell-color-picker-popover-enter-active[data-v-b854b473],.h-cell-color-picker-popover-leave-active[data-v-b854b473]{transition:opacity var(--h0n-ui-duration-fast) ease, transform var(--h0n-ui-duration-fast) ease}.h-cell-color-picker-popover-enter-from[data-v-b854b473],.h-cell-color-picker-popover-leave-to[data-v-b854b473]{opacity:0;transform:translateY(-4px)scale(.98)}