.pc-swatches{margin:0;padding:0;border:0;min-inline-size:0;display:grid;grid-gap:var(--pc-space-1);gap:var(--pc-space-1)}.pc-swatches__legend{display:flex;flex-wrap:wrap;gap:var(--pc-space-1) var(--pc-space-2);padding:0;-webkit-margin-after:var(--pc-space-1);margin-block-end:var(--pc-space-1);font-size:var(--pc-type-label-size);line-height:var(--pc-type-label-line);font-weight:var(--pc-type-label-weight)}.pc-swatches__selected{color:var(--pc-color-fg2);font-weight:var(--pc-font-weight-regular);overflow-wrap:anywhere}.pc-swatches__wrap{display:flex;flex-wrap:wrap;gap:var(--pc-space-1)}.pc-swatches__option{position:relative;display:inline-grid;place-items:center;inline-size:var(--pc-tap-min);block-size:var(--pc-tap-min);cursor:pointer;color:var(--pc-neutral-0)}.pc-swatches__option[data-light]{color:var(--pc-neutral-900)}.pc-swatches__radio{position:absolute;inset:0;opacity:0;margin:0;cursor:inherit}.pc-swatches__face{display:inline-grid;place-items:center;inline-size:var(--pc-swatch-size);block-size:var(--pc-swatch-size);border-radius:var(--pc-radius-full);background:var(--pc-swatch-fill);box-shadow:inset 0 0 0 var(--pc-border-width-hairline) var(--pc-color-border-strong),0 0 0 var(--pc-border-width-strong) transparent;transition:box-shadow var(--pc-duration-fast) var(--pc-easing-standard)}.pc-swatches__face .pc-icon{opacity:0}.pc-swatches__option:hover .pc-swatches__face{box-shadow:inset 0 0 0 var(--pc-border-width-hairline) var(--pc-color-border-strong),0 0 0 var(--pc-border-width-strong) var(--pc-color-border-strong)}.pc-swatches__radio:checked+.pc-swatches__face{box-shadow:inset 0 0 0 var(--pc-border-width-hairline) var(--pc-color-border-strong),0 0 0 var(--pc-border-width-strong) var(--pc-color-surface),0 0 0 calc(var(--pc-border-width-strong) * 2) var(--pc-color-primary)}.pc-swatches__radio:checked+.pc-swatches__face .pc-icon{opacity:1}.pc-swatches__radio:focus-visible+.pc-swatches__face{outline:var(--pc-focus-ring-width) solid var(--pc-color-focus-ring);outline-offset:var(--pc-focus-ring-offset)}.pc-swatches__option[data-disabled]{opacity:var(--pc-opacity-disabled);cursor:not-allowed}