.ccp-sampler.svelte-t10ebh{display:flex;flex-direction:column;gap:.5rem;inline-size:100%}.ccp-sampler__head.svelte-t10ebh{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.ccp-sampler__back.svelte-t10ebh{font:inherit;font-size:.8125rem;background:none;border:0;padding:.125rem .25rem;cursor:pointer;color:inherit}.ccp-sampler__preview.svelte-t10ebh{display:inline-flex;align-items:center;gap:.375rem;font-size:.75rem}.ccp-sampler__chip.svelte-t10ebh{inline-size:1rem;block-size:1rem;border-radius:.25rem;border:1px solid color-mix(in oklch,currentColor 20%,transparent)}.ccp-sampler__hint.svelte-t10ebh{margin:0;font-size:.8125rem;opacity:.75}.ccp-sampler__actions.svelte-t10ebh{display:flex;gap:.5rem}.ccp-sampler__btn.svelte-t10ebh{flex:1;font:inherit;font-size:.8125rem;padding:.5rem .625rem;min-block-size:2.75rem;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-sampler__stage.svelte-t10ebh{position:relative;display:none;line-height:0}.ccp-sampler__stage[data-visible=true].svelte-t10ebh{display:block}.ccp-sampler__canvas.svelte-t10ebh{inline-size:100%;block-size:auto;border-radius:.5rem;cursor:crosshair;touch-action:none}.ccp-sampler__loupe.svelte-t10ebh{position:absolute;inline-size:88px;block-size:88px;pointer-events:none;transform:translate(-50%,-120%);border-radius:50%;border:2px solid #fff;box-shadow:0 2px 8px #0006;image-rendering:pixelated}.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)}}