.barron-swatches{--barron-swatch-size:68px;--barron-swatch-border:rgba( 0, 0, 0, 0.14 );--barron-swatch-selected:currentColor;--barron-swatch-muted:rgba( 0, 0, 0, 0.72 );border:0;margin:0 0 1.1rem;min-width:0;padding:0}@media (prefers-color-scheme:dark){.barron-swatches{--barron-swatch-border:rgba( 255, 255, 255, 0.24 );--barron-swatch-muted:rgba( 255, 255, 255, 0.82 )}}.barron-swatches__legend{font-size:.85em;font-weight:600;margin-bottom:.45rem;padding:0}.barron-swatches__list{display:flex;flex-wrap:wrap;gap:.5rem}.barron-swatch{cursor:pointer;display:block;line-height:1;margin:0;position:relative;width:var(--barron-swatch-size)}.barron-swatch__radio{height:1px;margin:0;opacity:0;position:absolute;pointer-events:none;width:1px}.barron-swatch__image{align-items:center;background:rgb(0 0 0 / .02);border:1px solid var(--barron-swatch-border);border-radius:6px;box-sizing:border-box;display:flex;justify-content:center;overflow:hidden;transition:border-color 180ms cubic-bezier(.2,.7,.2,1),box-shadow 180ms cubic-bezier(.2,.7,.2,1)}.barron-swatch__image img{aspect-ratio:1 / 1;display:block;height:auto;object-fit:contain;width:100%}.barron-swatch__name{display:block;font-size:.75rem;line-height:1.3;margin-top:.3rem;overflow:hidden;color:var(--barron-swatch-muted);text-overflow:ellipsis;white-space:nowrap}.barron-swatch:hover .barron-swatch__image{border-color:var(--barron-swatch-selected)}.barron-swatch__radio:checked+.barron-swatch__image{border-color:var(--barron-swatch-selected);box-shadow:inset 0 0 0 2px var(--barron-swatch-selected)}.barron-swatch__radio:checked~.barron-swatch__name{color:inherit;font-weight:600}.barron-swatch__radio:focus-visible+.barron-swatch__image{outline:2px solid var(--barron-swatch-selected);outline-offset:2px}.barron-swatches__chosen{color:var(--barron-swatch-muted);font-weight:400}.barron-swatches__chosen::before{content:": "}.barron-swatches-replaced{display:none!important}@media (prefers-reduced-motion:reduce){.barron-swatch__image{transition:none}}