.prn-swatches{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;margin:.25rem 0 .75rem}
.prn-swatches__select{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%)}
.prn-swatch{--s:40px;min-width:var(--s);min-height:var(--s);border:1px solid var(--wp--preset--color--line,#ddd);border-radius:999px;background:var(--wp--preset--color--base,#fff);color:inherit;cursor:pointer;padding:0;display:inline-grid;place-items:center;font:inherit;font-size:.875rem;position:relative}
.prn-swatch--label{border-radius:var(--prn-radius-sm,8px);padding:0 .9rem}
.prn-swatch--image img{width:calc(var(--s) - 6px);height:calc(var(--s) - 6px);border-radius:inherit;object-fit:cover}
.prn-swatch[aria-checked=true]{outline:2px solid var(--wp--preset--color--contrast,#111);outline-offset:2px}
.prn-swatch.is-unavailable{opacity:.35}
.prn-swatch.is-unavailable::after{content:"";position:absolute;inset:50% 4px auto;border-top:1px solid currentColor;transform:rotate(-30deg)}
.prn-swatches__current{font-size:.875rem;color:var(--wp--preset--color--muted,#666);margin-inline-start:.25rem}
.prn-loop-swatches{display:flex;gap:.35rem;margin:.35rem 0}
.prn-loop-swatches .prn-dot{width:16px;height:16px;border-radius:999px;border:1px solid var(--wp--preset--color--line,#ddd)}
.prn-loop-swatches .prn-more{font-size:.75rem;color:var(--wp--preset--color--muted,#666)}