.cp.svelte-celh1d{pointer-events:auto;background:var(--kata-color-panel);--kata-color-surface:var(--kata-color-panel);border:var(--kata-border-width) solid var(--kata-color-line-strong);width:15rem;max-width:100%;padding:var(--kata-pad-md);--kata-inset:0px;--kata-at-start:1;--kata-at-end:1;--kata-box:var(--kata-height-button);flex:none;min-width:0}.cp.bare.svelte-celh1d{background:0 0;border:0}.sv.svelte-celh1d{background-image:linear-gradient(to top, #000, transparent), linear-gradient(to right, #fff, var(--kata-color-picker-hue,#03f));height:7.5rem;position:relative}.hue.svelte-celh1d{background-image:linear-gradient(90deg,red,#ff0,#0f0,#0ff,#00f,#f0f,red);flex:auto;min-width:0;height:.5rem;position:relative}.knob.svelte-celh1d{width:var(--kata-height-icon);height:var(--kata-height-icon);border:calc(var(--kata-border-width) * 2) solid var(--kata-color-surface);box-shadow:0 0 0 var(--kata-border-width) var(--kata-color-text);position:absolute;transform:translate(-50%,-50%)}.fmt.svelte-celh1d{flex:none}