.cp-swatches.svelte-1b9t7c8{display:flex;flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:thin;gap:.5rem;padding:4px;margin:-4px}.cp-chip.svelte-1b9t7c8{position:relative;display:inline-flex;align-items:center;justify-content:center;flex:1 1 0;min-width:40px;aspect-ratio:1 / 1;padding:0;border:1px solid var(--color-border);border-radius:.5rem;background-color:var(--color-card);cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;transition:background-color .15s ease-out,border-color .15s ease-out,transform .1s ease-out,box-shadow .15s ease-out}.cp-chip.svelte-1b9t7c8:hover:not(:disabled){box-shadow:0 0 0 2px var(--color-muted)}.cp-chip.svelte-1b9t7c8:active:not(:disabled){transform:scale(.94)}.cp-chip.svelte-1b9t7c8:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.cp-chip.svelte-1b9t7c8:disabled{opacity:.5;cursor:not-allowed}.cp-swatch-fill.svelte-1b9t7c8{display:inline-flex;align-items:center;justify-content:center;width:76%;height:76%;border-radius:.375rem;box-shadow:inset 0 0 0 1px #00000014}.cp-swatch-custom-empty.svelte-1b9t7c8{color:var(--color-muted-foreground)}.cp-chip-selected.svelte-1b9t7c8{border-color:var(--color-primary);box-shadow:0 0 0 2px color-mix(in oklab,var(--color-primary) 25%,transparent)}.cp-chip-selected.svelte-1b9t7c8:hover:not(:disabled){box-shadow:0 0 0 2px var(--color-primary)}.cp-checkmark.svelte-1b9t7c8{position:absolute;top:2px;right:2px;width:16px;height:16px;background-color:var(--color-primary);color:var(--color-primary-foreground);border-radius:9999px;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 1px 2px #0000002e;pointer-events:none}.sr-only.svelte-1b9t7c8{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.og.svelte-15gyhwf{display:flex;gap:.5rem}.og-wrap.svelte-15gyhwf{flex-wrap:wrap}.og-scroll.svelte-15gyhwf{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:thin;padding-bottom:2px}.og-chip.svelte-15gyhwf{position:relative;display:inline-flex;align-items:center;gap:.375rem;min-height:44px;padding:.5rem .875rem;border-radius:.5rem;border:1px solid var(--color-border);background-color:var(--color-card);color:var(--color-foreground);font-size:.875rem;font-weight:500;line-height:1;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;transition:background-color .15s ease-out,border-color .15s ease-out,color .15s ease-out,transform .1s ease-out;white-space:nowrap}.og-md.svelte-15gyhwf{min-height:44px}.og-sm.svelte-15gyhwf{min-height:36px;padding:.375rem .625rem;font-size:.8125rem}.og-chip-unselected.svelte-15gyhwf:hover:not(:disabled){background-color:var(--color-muted)}.og-chip-selected.svelte-15gyhwf{background-color:var(--color-primary);color:var(--color-primary-foreground);border-color:var(--color-primary)}.og-chip-selected.svelte-15gyhwf:hover:not(:disabled){background-color:var(--color-primary-dark);border-color:var(--color-primary-dark)}.og-chip.svelte-15gyhwf:active:not(:disabled){transform:scale(.97)}.og-chip.svelte-15gyhwf:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.og-chip.svelte-15gyhwf:disabled{opacity:.5;cursor:not-allowed}.og-icon.svelte-15gyhwf{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;flex-shrink:0}.og-icon.svelte-15gyhwf svg{display:block}.og-label.svelte-15gyhwf{line-height:1}.og-hint.svelte-15gyhwf{font-size:.75rem;opacity:.75;line-height:1}.og-chip-selected.svelte-15gyhwf .og-hint:where(.svelte-15gyhwf){opacity:.85}.og-badge.svelte-15gyhwf{position:absolute;top:-8px;right:-8px;padding:1px 5px;border-radius:999px;background:var(--color-badge-bg, #EF4444);color:var(--color-badge-text, #FFFFFF);font-size:.625rem;font-weight:700;line-height:1.3;pointer-events:none;white-space:nowrap;z-index:1}