.cosmetic-preview.svelte-tmqz9h{display:grid;gap:.75rem}.preview-toolbar.svelte-tmqz9h{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem}.segmented.svelte-tmqz9h{display:inline-flex;overflow:hidden;border:1px solid rgb(64 64 64);border-radius:4px;background:#171717}.segmented.svelte-tmqz9h button:where(.svelte-tmqz9h){min-width:5.5rem;padding:.45rem .75rem;color:#d4d4d4;font-size:.875rem;font-weight:600}.segmented.svelte-tmqz9h button:where(.svelte-tmqz9h)+button:where(.svelte-tmqz9h){border-left:1px solid rgb(64 64 64)}.segmented.svelte-tmqz9h button:where(.svelte-tmqz9h):hover,.segmented.svelte-tmqz9h button.active:where(.svelte-tmqz9h){background:#f59e0b;color:#111827}.swatches.svelte-tmqz9h{display:inline-flex;flex-wrap:wrap;gap:.45rem}.swatch.svelte-tmqz9h{width:1.65rem;height:1.65rem;border:2px solid rgb(82 82 82);border-radius:999px;box-shadow:inset 0 0 0 1px #00000059}.swatch.svelte-tmqz9h:hover,.swatch.active.svelte-tmqz9h{border-color:#fff}