.product-card .card-color-previews{display:flex;align-items:center;gap:0;flex-wrap:wrap;margin-top:8px;min-height:26px}
.product-card .card-color-preview{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:26px;min-height:26px;padding:4px;border:0;background:none;text-decoration:none;position:relative;border-radius:50%;box-sizing:border-box}
.product-card .card-color-preview[hidden]{display:none}
.product-card .card-color-preview__dot{display:block;width:16px;height:16px;flex:0 0 16px;box-sizing:border-box;border:1px solid #0002;border-radius:50%;background:var(--card-color,transparent);overflow:hidden}
.product-card .card-color-preview__dot img{display:block;width:100%;height:100%;object-fit:cover}
.product-card .card-color-preview.is-selected .card-color-preview__dot{outline:1px solid #30282b;outline-offset:2px}
.product-card .card-color-preview:focus-visible,.product-card .card-color-previews__more:focus-visible{outline:2px solid var(--accent,#603846);outline-offset:1px}
.product-card .card-color-preview:has(.card-color-preview__name){width:auto;border-radius:3px}
.product-card .card-color-preview__name{font-size:10px;line-height:16px;padding-inline:3px;border:1px solid #ddd}
.product-card .card-color-previews__more{display:inline-flex;align-items:center;justify-content:center;min-width:26px;min-height:26px;padding:0 3px;font-size:11px;line-height:1;color:inherit;text-decoration:none}
.product-card[data-card-color-active] .card-back-image{display:none}
@media(pointer:coarse){.product-card .card-color-preview,.product-card .card-color-previews__more{min-height:32px;min-width:28px}}