.sbgt-root[data-v-0b74e745]{display:flex;flex-direction:column;gap:4px;min-width:0;padding:0;border:0;background:none;cursor:pointer;font:inherit;text-align:left}.sbgt-swatch[data-v-0b74e745]{display:block;width:100%;aspect-ratio:1;border-radius:var(--sbgt-radius);border:1px solid var(--sbgt-c-line);box-sizing:border-box;transition:border-color .2s,box-shadow .2s,transform .2s}.sbgt-root:hover .sbgt-swatch[data-v-0b74e745]{border-color:color-mix(in srgb,var(--sbgt-c-accent) 45%,transparent);transform:translateY(-1px)}.sbgt-root.on .sbgt-swatch[data-v-0b74e745]{border-color:var(--sbgt-c-accent);box-shadow:0 0 0 3px var(--sbgt-c-accent-soft)}.sbgt-name[data-v-0b74e745]{font-size:var(--sbgt-font);color:var(--sbgt-c-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sbgt-root.on .sbgt-name[data-v-0b74e745]{color:var(--sbgt-c-ink);font-weight:600}