.swatch.svelte-x97jji{position:relative;border:2px solid var(--line-0, rgba(46, 94, 143, .34));border-radius:4px;cursor:pointer;padding:0;overflow:hidden;transition:border-color var(--ease, .16s ease),transform var(--ease, .16s ease);background-image:linear-gradient(45deg,#ccc 25%,transparent 25%),linear-gradient(-45deg,#ccc 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#ccc 75%),linear-gradient(-45deg,transparent 75%,#ccc 75%);background-size:8px 8px;background-position:0 0,0 4px,4px -4px,-4px 0}.swatch--sm.svelte-x97jji{width:20px;height:20px}.swatch--md.svelte-x97jji{width:28px;height:28px}.swatch--lg.svelte-x97jji{width:36px;height:36px}.swatch-fill.svelte-x97jji{display:block;width:100%;height:100%;background:var(--swatch-color)}.swatch.svelte-x97jji:hover{border-color:var(--blue-0, #5e90ff);transform:scale(1.1)}.swatch.selected.svelte-x97jji{border-color:var(--blue-0, #5e90ff);box-shadow:0 0 0 2px var(--blue-0, #5e90ff)}.swatch.svelte-x97jji:focus-visible{outline:2px solid rgba(94,144,255,.5);outline-offset:2px}.color-palette.svelte-1k42aqt{display:flex;flex-direction:column;gap:8px}.palette-grid.svelte-1k42aqt{display:grid;grid-template-columns:repeat(8,1fr);gap:3px}.recent-section.svelte-1k42aqt{display:flex;flex-direction:column;gap:4px}.recent-label.svelte-1k42aqt{font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--ink-2, #5a7894)}.recent-row.svelte-1k42aqt{display:flex;gap:3px}