.nc-color-panel[data-v-1f0d07a8]{flex-direction:column;gap:14px;width:296px;padding:14px;display:flex}.nc-color-panel-pill[data-v-1f0d07a8]{border-radius:13px;align-items:center;min-width:0;max-width:170px;height:26px;padding:0 12px;font-size:13px;font-weight:600;display:inline-flex}.nc-color-panel-hex-field[data-v-1f0d07a8]{border:1px solid var(--nc-border-gray-medium);border-radius:8px;align-items:center;height:28px;padding:0 8px;display:flex}.nc-color-panel-hex-field input[data-v-1f0d07a8]{text-transform:uppercase;outline-offset:2px;width:68px;color:var(--nc-content-gray);background-color:#0000;border-style:none;outline:2px solid #0000;font-family:Inter,mono;font-size:12px}.nc-color-panel-label[data-v-1f0d07a8]{color:var(--nc-content-gray-muted);font-size:11px;font-weight:600}.nc-color-panel-hex-readout[data-v-1f0d07a8]{color:var(--nc-content-gray-muted);font-family:Inter,mono;font-size:11px}.nc-color-panel-hue-grid[data-v-1f0d07a8]{grid-template-columns:repeat(9,minmax(0,1fr));gap:6px;display:grid}.nc-color-panel-hue-dot[data-v-1f0d07a8]{cursor:pointer;aspect-ratio:1;border-style:none;border-radius:50%;padding:0;transition:box-shadow .15s;box-shadow:inset 0 0 0 1px #10101514}.nc-color-panel-hue-dot.nc-selected[data-v-1f0d07a8],.nc-color-panel-hue-dot[data-v-1f0d07a8]:focus-visible{box-shadow:0 0 0 2px var(--nc-bg-default), 0 0 0 4px var(--color-brand-500);outline:none}.nc-color-panel-ramp[data-v-1f0d07a8]{border:1px solid #10101514;border-radius:8px;height:34px;display:flex;overflow:hidden}.nc-color-panel-ramp-cell[data-v-1f0d07a8]{cursor:pointer;border-style:none;flex:1;place-items:center;padding:0;display:grid}.nc-color-panel-ramp-cell[data-v-1f0d07a8]:focus-visible{box-shadow:inset 0 0 0 2px var(--nc-bg-default), inset 0 0 0 4px var(--color-brand-500);outline:none}.nc-color-panel-ramp-dot[data-v-1f0d07a8]{border-radius:50%;width:6px;height:6px;transition:opacity .15s;display:block}