.ccp.svelte-agqjn1{--ccp-bg: var(--b1, #ffffff);--ccp-fg: var(--bc, #1f2937);--ccp-border: color-mix(in oklch, currentColor 18%, transparent);display:inline-flex;align-items:center;gap:.375rem;position:relative}.ccp__swatch.svelte-agqjn1{inline-size:1.75rem;block-size:1.75rem;border-radius:.375rem;border:1px solid var(--ccp-border);padding:0;cursor:pointer;background-image:linear-gradient(var(--ccp-swatch),var(--ccp-swatch)),conic-gradient(#d0d0d0 0 25%,#fff 0 50%,#d0d0d0 0 75%,#fff 0);background-size:100% 100%,10px 10px}.ccp__swatch.svelte-agqjn1:focus-visible{outline:2px solid var(--ccp-swatch, #0b6e99);outline-offset:2px}.ccp__swatch.svelte-agqjn1:disabled{cursor:not-allowed;opacity:.5}.ccp__text.svelte-agqjn1{inline-size:8.5rem;max-inline-size:100%;font:inherit;font-size:.8125rem;color:var(--ccp-fg);background:var(--ccp-bg);border:1px solid var(--ccp-border);border-radius:.375rem;padding:.25rem .5rem}.ccp__text--full.svelte-agqjn1{inline-size:100%}.ccp__text.svelte-agqjn1:focus-visible{outline:2px solid color-mix(in oklch,currentColor 40%,transparent);outline-offset:1px}.ccp__alpha.svelte-agqjn1{font-size:.75rem;color:color-mix(in oklch,currentColor 65%,transparent);min-inline-size:2.5rem;text-align:end}.ccp__range.svelte-agqjn1{inline-size:100%}.ccp-overlay.svelte-agqjn1{position:fixed;z-index:1000;display:flex;flex-direction:column;gap:.5rem;padding:.625rem;background:var(--b1, #ffffff);color:var(--bc, #1f2937);border:1px solid color-mix(in oklch,currentColor 15%,transparent);border-radius:.625rem;box-shadow:0 12px 32px -8px #00000059}.ccp-overlay--popover.svelte-agqjn1{inline-size:16.5rem;max-inline-size:calc(100vw - 1rem)}.ccp-overlay--sheet.svelte-agqjn1{inset-inline:0;inset-block-end:0;inline-size:100%;border-radius:1rem 1rem 0 0;padding:1rem 1rem calc(1rem + env(safe-area-inset-bottom));box-shadow:0 -12px 32px -8px #00000059}.ccp-backdrop.svelte-agqjn1{position:fixed;inset:0;z-index:999;border:0;padding:0;background:#0006}.ccp-overlay__picker.svelte-agqjn1{inline-size:100%}.ccp-picker-failed.svelte-agqjn1{margin:0;padding:.75rem;font-size:.8125rem;text-align:center;opacity:.7}.ccp-overlay__grid.svelte-agqjn1{display:grid;grid-template-columns:repeat(8,1fr);gap:.25rem}.ccp-overlay--sheet.svelte-agqjn1 .ccp-overlay__grid:where(.svelte-agqjn1){grid-template-columns:repeat(6,1fr);gap:.5rem}.ccp-overlay__recent.svelte-agqjn1{display:grid;grid-template-columns:repeat(8,1fr);gap:.25rem;padding-block-end:.125rem;border-block-end:1px solid color-mix(in oklch,currentColor 10%,transparent)}.ccp-overlay--sheet.svelte-agqjn1 .ccp-overlay__recent:where(.svelte-agqjn1){grid-template-columns:repeat(6,1fr);gap:.5rem}.ccp-overlay__shades.svelte-agqjn1{display:grid;grid-template-columns:repeat(7,1fr);gap:.25rem}.ccp-overlay__row.svelte-agqjn1{display:flex;align-items:center;gap:.5rem}.ccp-chip.svelte-agqjn1{aspect-ratio:1;border-radius:.3125rem;border:1px solid color-mix(in oklch,currentColor 15%,transparent);padding:0;cursor:pointer}.ccp-overlay--sheet.svelte-agqjn1 .ccp-chip:where(.svelte-agqjn1){min-block-size:2.75rem}.ccp-chip[data-selected=true].svelte-agqjn1{outline:2px solid var(--bc, #1f2937);outline-offset:1px}.ccp-chip.svelte-agqjn1:focus-visible{outline:2px solid color-mix(in oklch,currentColor 55%,transparent);outline-offset:1px}.ccp-chip--sm.svelte-agqjn1{border-radius:.25rem}.ccp-sample-btn.svelte-agqjn1{display:inline-flex;align-items:center;gap:.375rem;font:inherit;font-size:.8125rem;padding:.375rem .625rem;inline-size:100%;justify-content:center;border-radius:.5rem;border:1px solid color-mix(in oklch,currentColor 20%,transparent);background:color-mix(in oklch,currentColor 6%,transparent);color:inherit;cursor:pointer}.ccp-overlay--sheet.svelte-agqjn1 .ccp-sample-btn:where(.svelte-agqjn1){min-block-size:2.75rem}.ccp-sample-btn.svelte-agqjn1:focus-visible{outline:2px solid color-mix(in oklch,currentColor 45%,transparent);outline-offset:1px}.ccp-sample-btn__icon.svelte-agqjn1{inline-size:1rem;block-size:1rem}@media(prefers-reduced-motion:no-preference){.ccp-overlay--sheet.svelte-agqjn1{animation:svelte-agqjn1-ccp-sheet-in .18s ease-out}}@keyframes svelte-agqjn1-ccp-sheet-in{0%{transform:translateY(100%)}to{transform:translateY(0)}}.swsel.svelte-20ywo{--swsel-dot: 1.25rem;--swsel-ring: var(--color-base-content, #1f2937);--swsel-gap: var(--color-base-100, #ffffff);display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}.swsel[data-size=sm].svelte-20ywo{--swsel-dot: 1rem}.swsel[data-size=lg].svelte-20ywo{--swsel-dot: 1.5rem}.swsel__dot.svelte-20ywo{display:inline-flex;align-items:center;justify-content:center;padding:0;border:0;background:none;border-radius:9999px;cursor:pointer;inline-size:var(--swsel-dot);block-size:var(--swsel-dot)}.swsel__dot.svelte-20ywo:disabled{cursor:not-allowed;opacity:.5}.swsel__dot.svelte-20ywo:focus-visible{outline:2px solid var(--swsel-ring);outline-offset:3px}.swsel__ink.svelte-20ywo{inline-size:100%;block-size:100%;border-radius:9999px;border:1px solid color-mix(in oklch,currentColor 20%,transparent);box-shadow:none}.swsel__dot[data-selected=true].svelte-20ywo .swsel__ink:where(.svelte-20ywo){box-shadow:0 0 0 2px var(--swsel-gap),0 0 0 4px var(--swsel-ring)}@media(pointer:coarse){.swsel.svelte-20ywo{gap:.75rem}.swsel__dot.svelte-20ywo{min-inline-size:44px;min-block-size:44px}}@media(prefers-reduced-motion:no-preference){.swsel__dot.svelte-20ywo{transition:transform .15s ease}.swsel__ink.svelte-20ywo{transition:box-shadow .2s ease}.swsel__dot.svelte-20ywo:not(:disabled):active{transform:scale(.9)}}