.loom.svelte-14073sg{display:flex;flex-direction:column;gap:1.5rem}@media (min-width: 768px){.loom.svelte-14073sg:not(.loom--stacked){flex-direction:row;align-items:flex-start}}.loom--disabled.svelte-14073sg{opacity:.6}.label.svelte-14073sg{margin-bottom:.5rem;display:block;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.14em;color:#fff6}.swatches.svelte-14073sg{display:grid;grid-template-columns:repeat(8,minmax(0,2.25rem));gap:.4rem}.swatch.svelte-14073sg{aspect-ratio:1;border-radius:.5rem;border:2px solid rgb(255 255 255 / .12);transition:transform .12s,border-color .12s}.swatch.svelte-14073sg:hover:not(:disabled){transform:scale(1.08)}.swatch--active.svelte-14073sg{border-color:#fb923c;box-shadow:0 0 0 2px #fb923c59}.patterns.svelte-14073sg{display:grid;grid-template-columns:repeat(auto-fill,minmax(2.6rem,1fr));gap:.4rem}.pattern.svelte-14073sg{position:relative;display:flex;justify-content:center;border-radius:.6rem;border:1px solid rgb(255 255 255 / .08);background:#ffffff08;padding:.3rem 0;transition:border-color .12s,background .12s}.pattern.svelte-14073sg:hover:not(:disabled){border-color:#fb923c99;background:#fb923c14}.pattern__item.svelte-14073sg{position:absolute;right:.15rem;bottom:.1rem;font-size:.55rem;color:#fdba74cc}.color-select.svelte-14073sg{max-width:7.5rem;border-radius:.6rem;border:1px solid rgb(255 255 255 / .1);background:#17141c;padding:.3rem .4rem;font-size:.75rem;color:#fff;outline:none}.mini-button.svelte-14073sg{display:flex;height:1.75rem;width:1.75rem;flex-shrink:0;align-items:center;justify-content:center;border-radius:.5rem;font-size:.7rem;color:#9ca3af;transition:color .12s,background .12s}.mini-button.svelte-14073sg:hover:not(:disabled){background:#ffffff0f;color:#fff}.mini-button.svelte-14073sg:disabled{opacity:.3}