.color-setting.svelte-11skhv0{font-weight:var(--font-weight-medium);gap:var(--space-200);display:grid}.color-controls.svelte-11skhv0{align-items:center;gap:var(--space-300);flex-wrap:wrap;display:flex}.swatch-button{border:calc(var(--border-width) * 2) solid var(--focus-ring);cursor:pointer;height:var(--control-height-medium);width:var(--control-height-medium);border-radius:50%;padding:0}.color-controls.svelte-11skhv0 .text-input{text-transform:uppercase;width:7rem;font-family:monospace}.color-popover{background:var(--bg-container);border:var(--border-width) solid var(--bg-container-line);border-radius:var(--radius);box-shadow:var(--shadow-float);padding:var(--space-400);width:14rem}.saturation-picker.svelte-11skhv0{background-color:var(--picker-color);background-image:linear-gradient(to top, var(--picker-black), transparent), linear-gradient(to right, var(--picker-white), transparent);cursor:crosshair;border:0;width:100%;height:10rem;padding:0;position:relative}.picker-cursor.svelte-11skhv0{border:calc(var(--border-width) * 2) solid var(--bg-container);box-shadow:0 0 0 var(--border-width) var(--bg-on-container);height:var(--hue-track);border-radius:50%;width:.75rem;position:absolute;transform:translate(-50%,-50%)}.hue-slider.svelte-11skhv0{--hue-track:.75rem;--hue-thumb:1rem;--hue-strip:linear-gradient(to right, red, #ff0, #0f0, #0ff, #00f, #f0f, red);appearance:none;cursor:pointer;height:var(--hue-thumb);margin:var(--space-400) 0 0;background:0 0;width:100%}.hue-slider.svelte-11skhv0::-webkit-slider-runnable-track{background:var(--hue-strip);border-radius:var(--radii-400);height:var(--hue-track)}.hue-slider.svelte-11skhv0::-moz-range-track{background:var(--hue-strip);border-radius:var(--radii-400);height:var(--hue-track)}.hue-slider.svelte-11skhv0::-webkit-slider-thumb{appearance:none;border:calc(var(--border-width) * 2) solid var(--bg-container);box-shadow:0 0 0 var(--border-width) var(--bg-on-container);height:var(--hue-thumb);margin-top:calc((var(--hue-track) - var(--hue-thumb)) / 2);width:var(--hue-thumb);background:0 0;border-radius:50%}.hue-slider.svelte-11skhv0::-moz-range-thumb{border:calc(var(--border-width) * 2) solid var(--bg-container);box-shadow:0 0 0 var(--border-width) var(--bg-on-container);height:var(--hue-thumb);width:var(--hue-thumb);background:0 0;border-radius:50%}.hue-slider.svelte-11skhv0:focus-visible{outline:calc(var(--border-width) * 2) solid var(--focus-ring);outline-offset:var(--border-width)}