.circle-swatch.svelte-ccg5gj{width:var(--circle-swatch-size);height:var(--circle-swatch-size);cursor:pointer;transition:transform var(--circle-swatch-motion-fast,var(--picker-motion-duration-fast,.16s)) var(--circle-swatch-motion-ease,var(--picker-motion-ease,ease)), opacity var(--circle-swatch-motion-fast,var(--picker-motion-duration-fast,.16s)) var(--circle-swatch-motion-ease,var(--picker-motion-ease,ease)), filter var(--circle-swatch-motion-fast,var(--picker-motion-duration-fast,.16s)) var(--circle-swatch-motion-ease,var(--picker-motion-ease,ease));background:0 0;border:2px solid #0000;border-radius:9999px;flex:none;justify-content:center;align-items:center;padding:0;display:inline-flex;position:relative}.circle-swatch.svelte-ccg5gj:hover{transform:translateY(-1px)scale(1.04)}.circle-swatch.svelte-ccg5gj:disabled{cursor:default;opacity:.5;transform:none}.circle-swatch.svelte-ccg5gj:focus-visible{outline:2px solid color-mix(in srgb, var(--primary) 72%, var(--tertiary) 28%);outline-offset:3px}.circle-swatch-active.svelte-ccg5gj{border-color:color-mix(in srgb, var(--primary) 62%, transparent);box-shadow:0 0 0 1.25px color-mix(in srgb, var(--primary) 10%, transparent)}.circle-swatch-fill.svelte-ccg5gj{border-radius:inherit;background:radial-gradient(circle at 30% 28%, color-mix(in srgb, var(--tertiary) 40%, transparent), transparent 38%), var(--circle-swatch-color);border:1.5px solid color-mix(in srgb, var(--circle-swatch-color) 22%, var(--primary) 14%);width:100%;height:100%;box-shadow:inset 0 1px 0 color-mix(in srgb, var(--tertiary) 36%, transparent);transition:border-color var(--circle-swatch-motion-base,var(--picker-motion-duration-base,.2s)) var(--circle-swatch-motion-ease,var(--picker-motion-ease,ease)), box-shadow var(--circle-swatch-motion-base,var(--picker-motion-duration-base,.2s)) var(--circle-swatch-motion-ease,var(--picker-motion-ease,ease)), transform var(--circle-swatch-motion-fast,var(--picker-motion-duration-fast,.16s)) var(--circle-swatch-motion-ease,var(--picker-motion-ease,ease)), opacity var(--circle-swatch-motion-fast,var(--picker-motion-duration-fast,.16s)) var(--circle-swatch-motion-ease,var(--picker-motion-ease,ease));display:block}.picker-shell.svelte-1fjic7w{--control-size:var(--picker-size,1.8rem);--picker-gap:.45rem;--rail-size:var(--control-size);--thumb-size:var(--control-size);--thumb-radius:calc(var(--thumb-size) / 2);--surface-border-width:2px;gap:var(--picker-gap);flex-direction:column;flex:auto;width:100%;height:100%;min-height:0;display:flex}.surface-row.svelte-1fjic7w,.controls-row.svelte-1fjic7w,.swatches.svelte-1fjic7w{align-items:center;gap:var(--picker-gap);display:flex}.surface-row.svelte-1fjic7w{flex:auto;min-height:0;overflow:hidden}.color-surface.svelte-1fjic7w{background:linear-gradient(0deg, #000, transparent), linear-gradient(90deg, #fff, transparent), var(--surface-color);cursor:crosshair;touch-action:none;border:0;border-radius:1.1rem;flex:auto;height:100%;min-height:0;position:relative;overflow:hidden}.color-surface.svelte-1fjic7w:after{z-index:1;border:var(--surface-border-width) solid color-mix(in srgb, var(--tertiary) 80%, transparent);border-radius:inherit;content:"";pointer-events:none;position:absolute;inset:0}.color-surface.svelte-1fjic7w:focus,.color-surface.svelte-1fjic7w:focus-visible,.alpha-control.svelte-1fjic7w:focus-within,.hue-control.svelte-1fjic7w:focus-within,.eyedropper.svelte-1fjic7w:focus,.eyedropper.svelte-1fjic7w:focus-visible{outline:none}.surface-thumb.svelte-1fjic7w,.slider-thumb.svelte-1fjic7w{width:var(--thumb-size);height:var(--thumb-size);border:2px solid color-mix(in srgb, var(--tertiary) 96%, transparent);background:radial-gradient(circle at 30% 28%, color-mix(in srgb, var(--tertiary) 40%, transparent), transparent 38%), var(--thumb-color);box-shadow:0 0 0 1px color-mix(in srgb, var(--primary) 18%, transparent), 0 8px 18px -10px color-mix(in srgb, var(--primary) 72%, transparent);pointer-events:none;border-radius:9999px;position:absolute}.surface-thumb.svelte-1fjic7w{left:clamp(calc(var(--thumb-radius) + var(--surface-border-width)), var(--thumb-x), calc(100% - var(--thumb-radius) - var(--surface-border-width)));top:clamp(calc(var(--thumb-radius) + var(--surface-border-width)), var(--thumb-y), calc(100% - var(--thumb-radius) - var(--surface-border-width)));transform:translate(-50%,-50%)}.alpha-control.svelte-1fjic7w,.hue-control.svelte-1fjic7w{flex:none;display:block;position:relative}.alpha-control.svelte-1fjic7w{width:var(--rail-size);height:100%}.hue-control.svelte-1fjic7w{height:var(--rail-size);flex:auto;min-width:0}.alpha-rail.svelte-1fjic7w,.hue-rail.svelte-1fjic7w{border:1px solid color-mix(in srgb, var(--tertiary) 90%, transparent);border-radius:9999px;position:absolute;inset:0;overflow:hidden}.alpha-rail.svelte-1fjic7w{background:linear-gradient(180deg, var(--opaque-color), transparent), conic-gradient(var(--quaternary) 25%, var(--tertiary) 25% 50%, var(--quaternary) 50% 75%, var(--tertiary) 75%) 0 / 8px 8px}.hue-rail.svelte-1fjic7w{background:var(--hue-gradient)}.alpha-thumb.svelte-1fjic7w{left:50%;top:clamp(var(--thumb-radius), var(--thumb-y), calc(100% - var(--thumb-radius)));transform:translate(-50%,-50%)}.hue-thumb.svelte-1fjic7w{left:clamp(var(--thumb-radius), var(--thumb-x), calc(100% - var(--thumb-radius)));top:50%;transform:translate(-50%,-50%)}input[type=range].svelte-1fjic7w{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;inset:0}input[type=range].svelte-1fjic7w:focus,input[type=range].svelte-1fjic7w:focus-visible{outline:none}.alpha-control.svelte-1fjic7w input:where(.svelte-1fjic7w){writing-mode:vertical-lr;direction:rtl}.controls-row.svelte-1fjic7w,.swatches.svelte-1fjic7w{flex:none}.eyedropper.svelte-1fjic7w{width:var(--control-size);height:var(--control-size);border:1px solid color-mix(in srgb, var(--tertiary) 78%, transparent);background:color-mix(in srgb, var(--tertiary) 24%, transparent);color:var(--picker-fg,currentColor);cursor:pointer;border-radius:9999px;flex:none;justify-content:center;align-items:center;display:inline-flex}.eyedropper.svelte-1fjic7w:disabled{cursor:not-allowed;opacity:.45}.picker-trigger{--picker-size:1.8rem}