.color-picker.svelte-jkzprn{width:200px;background:var(--secondary);font-family:Relative Mono;-webkit-user-select:none;user-select:none}.color-area.svelte-jkzprn{width:100%;height:140px;position:relative;border-radius:3px;cursor:crosshair;overflow:hidden;margin-bottom:10px}.saturation-gradient.svelte-jkzprn{width:100%;height:100%;background:linear-gradient(to right,white,transparent)}.lightness-gradient.svelte-jkzprn{width:100%;height:100%;background:linear-gradient(to bottom,transparent,black);position:relative}.picker-cursor.svelte-jkzprn{position:absolute;width:10px;height:10px;border:1.5px solid var(--secondary);border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 1.5px var(--primary);pointer-events:none}.hue-slider.svelte-jkzprn{width:100%;height:10px;position:relative;border-radius:10px;cursor:pointer;margin-bottom:10px;background:linear-gradient(to right,red,#ff0,#0f0,#0ff,#00f,#f0f,red)}.slider-cursor.svelte-jkzprn{position:absolute;top:50%;width:8px;height:20px;background:var(--primary);border:1.5px solid var(--secondary);border-radius:4px;transform:translate(-50%,-50%);pointer-events:none}.color-info.svelte-jkzprn{display:flex;align-items:flex-end;gap:10px}.color-preview.svelte-jkzprn{width:50px;height:50px;border-radius:3px;overflow:hidden}.preview-color.svelte-jkzprn{width:100%;height:100%}.color-inputs.svelte-jkzprn{flex:1;display:flex;flex-direction:column;justify-content:center}.input-group.svelte-jkzprn{display:flex;flex-direction:column;gap:4px}.input-group.svelte-jkzprn label:where(.svelte-jkzprn){font-size:.75rem;color:var(--primary)}.input-group.svelte-jkzprn input:where(.svelte-jkzprn){padding:4px;border:1.5px solid var(--primary);border-radius:3px;font-size:.75rem;background:var(--secondary);width:100%;font-family:Relative Mono;box-sizing:border-box}.input-group.svelte-jkzprn input:where(.svelte-jkzprn):focus{outline:none}