.menu.svelte-eu4j7n{--border-radius: 1em;width:300px;max-width:100%;padding:1em;display:flex;flex-direction:column;gap:.5em;box-sizing:border-box}.swatches.svelte-eu4j7n{display:grid;grid-template-columns:repeat(8,1fr);gap:6px}.swatch.svelte-eu4j7n{width:100%;aspect-ratio:1;border-radius:.25em;border:2px solid rgba(255,255,255,.15);box-shadow:var(--box-shadow);cursor:pointer;transition:transform .1s,border-color .1s}.swatch.svelte-eu4j7n:hover{transform:scale(1.2);border-color:#fff9;z-index:1;position:relative}.swatch.selected.svelte-eu4j7n{outline:2px solid black;border:2px solid white;position:relative;z-index:1}.swatch.svelte-1hj30uj{flex:1;height:2em;padding:.25em;font-size:1em;min-width:2em;border-radius:.5em;border:2px solid rgba(255,255,255,.2);cursor:pointer;transition:border-color .1s}.swatch.svelte-1hj30uj:hover{border-color:#ffffff80}