.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 oklch, var(--color-foreground) 72%, white 28%);outline-offset:3px}.circle-swatch-active.svelte-ccg5gj{border-color:color-mix(in srgb, var(--foreground) 62%, transparent);box-shadow:0 0 0 1.25px color-mix(in srgb, var(--foreground) 10%, transparent)}.circle-swatch-fill.svelte-ccg5gj{border-radius:inherit;background:radial-gradient(circle at 30% 28%, #fff6, transparent 38%), var(--circle-swatch-color);border:1.5px solid color-mix(in oklch, var(--circle-swatch-color) 22%, black 14%);width:100%;height:100%;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;box-shadow:inset 0 1px #ffffff5c}.circle-swatch[data-transparent].svelte-ccg5gj .circle-swatch-fill:where(.svelte-ccg5gj){background:conic-gradient(#e5e7eb 25%,#fff 25% 50%,#e5e7eb 50% 75%,#fff 75%) 0 0/6px 6px;border:1.5px solid #00000040}.picker-shell.svelte-1fjic7w{--grid-handle-size:1.76rem;--hue-handle-size:1.52rem;--hue-bar-height:1.15rem;--swatch-size:var(--picker-size,1.8rem);--swatch-gap:.4rem;height:100%;min-height:0;animation:svelte-1fjic7w-color-picker-open-fade .42s var(--picker-motion-ease) both;transition:opacity var(--picker-motion-duration-base) var(--picker-motion-ease), transform var(--picker-motion-duration-base) var(--picker-motion-ease), filter var(--picker-motion-duration-base) var(--picker-motion-ease);flex-direction:column;gap:.9rem;display:flex}@keyframes svelte-1fjic7w-color-picker-open-fade{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.picker-shell.svelte-1fjic7w{animation-duration:1ms}}.surface-wrap.svelte-1fjic7w{min-height:0;transition:box-shadow var(--picker-motion-duration-base) var(--picker-motion-ease), border-color var(--picker-motion-duration-base) var(--picker-motion-ease), transform var(--picker-motion-duration-fast) var(--picker-motion-ease);background:radial-gradient(circle at top,#ffffff2e,#0000 55%),#ffffff38;border:1px solid #ffffffd9;border-radius:1.15rem;flex:auto;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffffb3,0 12px 26px -24px #0f172ad9}.surface-canvas.svelte-1fjic7w{cursor:crosshair;touch-action:none;width:100%;height:100%;display:block}.surface-canvas.svelte-1fjic7w:focus-visible{outline:2px solid color-mix(in oklch, var(--color-foreground) 72%, white 28%);outline-offset:-2px}.surface-indicator.svelte-1fjic7w{width:var(--grid-handle-size);height:var(--grid-handle-size);background:var(--indicator-color);pointer-events:none;border:2px solid #fffffff5;border-radius:9999px;position:absolute;top:0;left:0;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #0f172a2e,0 10px 22px -12px #0f172ab8}.hue-slider.svelte-1fjic7w{appearance:none;min-width:0;height:var(--hue-bar-height);background:linear-gradient(180deg, #ffffff2e, #ffffff0a), var(--hue-gradient);cursor:pointer;border:1px solid #fffffff5;border-radius:9999px;flex:auto;box-shadow:inset 0 1px #ffffff9e,0 10px 20px -18px #0f172abd}.hue-slider.svelte-1fjic7w::-webkit-slider-runnable-track{height:var(--hue-bar-height);background:0 0;border-radius:9999px}.hue-slider.svelte-1fjic7w::-moz-range-track{height:var(--hue-bar-height);background:0 0;border-radius:9999px}.hue-slider.svelte-1fjic7w::-webkit-slider-thumb{appearance:none;width:var(--hue-handle-size);height:var(--hue-handle-size);margin-top:calc((var(--hue-bar-height) - var(--hue-handle-size)) / 2);background:radial-gradient(circle at 30% 28%, #ffffff52, transparent 38%), var(--hue-thumb-color);border:2px solid #fffffff2;border-radius:9999px;box-shadow:0 0 0 1px #0f172a2e,0 7px 18px -10px #0f172ab3}.hue-slider.svelte-1fjic7w::-moz-range-thumb{width:var(--hue-handle-size);height:var(--hue-handle-size);background:radial-gradient(circle at 30% 28%, #ffffff52, transparent 38%), var(--hue-thumb-color);border:2px solid #fffffff2;border-radius:9999px;box-shadow:0 0 0 1px #0f172a2e,0 7px 18px -10px #0f172ab3}.hue-slider.svelte-1fjic7w:focus-visible{outline:2px solid color-mix(in oklch, var(--color-foreground) 72%, white 28%);outline-offset:3px}.hue-row.svelte-1fjic7w{align-items:center;gap:var(--swatch-gap);display:flex}.shortcut-swatches.svelte-1fjic7w{align-items:center;gap:var(--swatch-gap);flex:none;display:flex}.eyedropper-button.svelte-1fjic7w{width:var(--swatch-size);height:var(--swatch-size);color:var(--picker-fg,currentColor);cursor:pointer;transition:background-color var(--picker-motion-duration-fast) var(--picker-motion-ease), border-color var(--picker-motion-duration-fast) var(--picker-motion-ease), opacity var(--picker-motion-duration-fast) var(--picker-motion-ease), transform var(--picker-motion-duration-fast) var(--picker-motion-ease);background:linear-gradient(#ffffff52,#ffffff14),#ffffff3d;border:1px solid #ffffffc7;border-radius:9999px;flex:none;justify-content:center;align-items:center;display:inline-flex;box-shadow:inset 0 1px #ffffff7a,0 10px 20px -18px #0f172abd}.eyedropper-button.svelte-1fjic7w:hover:not(:disabled){background:linear-gradient(#ffffff6b,#ffffff24),#ffffff57;border-color:#fffffff2;transform:translateY(-1px)}.eyedropper-button.svelte-1fjic7w:focus-visible{outline:2px solid color-mix(in oklch, var(--color-foreground) 72%, white 28%);outline-offset:3px}.eyedropper-button.svelte-1fjic7w:disabled{cursor:not-allowed;opacity:.45}