.appearance-picker.svelte-1selm8f{display:inline-flex;align-items:center;gap:.5rem}.appearance-dot.svelte-1selm8f{position:relative;display:inline-flex;width:1.4rem;height:1.4rem;align-items:center;justify-content:center;padding:0;border:1px solid var(--border-base);border-radius:999px;cursor:pointer;transition:box-shadow var(--d-hover) var(--ease-vici),border-color var(--d-hover) var(--ease-vici),transform var(--d-hover) var(--ease-vici)}.appearance-dot.svelte-1selm8f:hover{border-color:var(--border-strong)}.appearance-dot.svelte-1selm8f:active{transform:scale(.94)}.appearance-dot.is-active.svelte-1selm8f{border-color:var(--color-primary);box-shadow:0 0 0 2px var(--bg-base),0 0 0 3px var(--color-primary)}.appearance-dot-inner.svelte-1selm8f{display:block;width:.4rem;height:.4rem;border-radius:999px}.appearance-tiles.svelte-1selm8f{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.625rem}.appearance-tile.svelte-1selm8f{display:flex;flex-direction:column;align-items:stretch;gap:.45rem;padding:.4rem .4rem .55rem;border:1.5px solid var(--border-base);border-radius:.875rem;background:var(--bg-popover);cursor:pointer;transition:border-color var(--d-hover) var(--ease-vici),background-color var(--d-hover) var(--ease-vici),transform var(--d-hover) var(--ease-vici)}.appearance-tile.svelte-1selm8f:hover{border-color:var(--border-strong)}.appearance-tile.svelte-1selm8f:active{transform:scale(.985)}.appearance-tile.is-active.svelte-1selm8f{border-color:var(--color-primary);background:color-mix(in srgb,var(--color-primary) 10%,var(--bg-popover))}.appearance-tile-swatch.svelte-1selm8f{position:relative;display:block;width:100%;aspect-ratio:4 / 3;border:1px solid var(--border-base);border-radius:.55rem;box-shadow:inset 0 1px color-mix(in srgb,#ffffff 18%,transparent)}.appearance-tile-dot.svelte-1selm8f{position:absolute;bottom:.45rem;left:.5rem;display:block;width:.5rem;height:.5rem;border-radius:999px}.appearance-tile-label.svelte-1selm8f{text-align:center;color:var(--text-base);font-size:var(--t-13);font-weight:600}.appearance-tile.is-active.svelte-1selm8f .appearance-tile-label:where(.svelte-1selm8f){color:var(--color-primary)}