.mdc-swatches.mdc-swatches{display:flex;flex-wrap:wrap;align-items:center;gap:6px;list-style:none;margin:0;padding:0;font-size:12px;line-height:1.4;color:inherit;--mdcs-size:10px;--mdcs-radius:50%;--mdcs-border:#00000030;--mdcs-border-width:1px;--mdcs-accent:#212423}
.mdc-swatches>li{list-style:none;margin:0;padding:0;display:flex}
.mdc-swatches .mdc-swatch{display:inline-flex;align-items:center;justify-content:center;gap:5px;min-width:0;min-height:0;margin:0;padding:3px;border:0;border-radius:3px;background:transparent;color:inherit;font:inherit;text-decoration:none;box-shadow:none;line-height:inherit}
.mdc-swatches button.mdc-swatch,.mdc-swatches a.mdc-swatch{cursor:pointer;touch-action:manipulation}
.mdc-swatches .mdc-swatch-dot{display:block;flex-shrink:0;width:var(--mdcs-size);height:var(--mdcs-size);border:var(--mdcs-border-width) solid var(--mdcs-border);border-radius:var(--mdcs-radius);box-sizing:border-box}
.mdc-swatches button.mdc-swatch:hover,.mdc-swatches a.mdc-swatch:hover,.mdc-swatches .mdc-swatch[aria-pressed=true]{outline:1px solid var(--mdcs-accent);outline-offset:1px;background:transparent;color:inherit}
.mdc-swatches .mdc-swatch:focus-visible{outline:2px solid var(--mdcs-accent);outline-offset:2px}
.mdc-swatches-hint{padding:12px;border:1px dashed #bbb;font-size:13px;line-height:1.6}
.mdc-pc.mdcs-previewing .mdc-pc-secondary{opacity:0!important}
.mdc-pc.mdcs-previewing .mdc-pc-primary{opacity:1!important;transform:none!important}