.colors-grid.svelte-f1j3j9{display:grid;grid-template-columns:repeat(auto-fill,minmax(clamp(120px,15vw,180px),1fr));gap:0;width:100%;padding:0}.color-swatch-container.svelte-f1j3j9{aspect-ratio:1;position:relative;display:flex;align-items:center;justify-content:center;padding:calc(.5rem + .5vw);transition:transform .15s ease}.color-swatch-container.svelte-f1j3j9:hover{transform:scale(1.05);z-index:10}.color-swatch-nav.svelte-f1j3j9{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:none;background:transparent;cursor:pointer;z-index:1}.swatch-info.svelte-f1j3j9{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;opacity:0;transition:opacity .2s ease;pointer-events:none}.color-swatch-container.svelte-f1j3j9:hover .swatch-info:where(.svelte-f1j3j9){opacity:1;pointer-events:auto}.swatch-hex-button.svelte-f1j3j9{font-family:JetBrains Mono,monospace;font-weight:400;font-size:clamp(.7rem,1vw,.875rem);text-align:center;padding:.25rem .5rem;border-radius:.25rem;background:#0000001a;border:none;cursor:pointer;color:inherit;transition:background .2s ease}.swatch-hex-button.svelte-f1j3j9:hover{background:#0003}.swatch-name.svelte-f1j3j9{font-size:clamp(.65rem,.9vw,.75rem);text-align:center;font-weight:600}