.swatch-list{display:flex;gap:8px;align-items:center;justify-content:flex-start;margin-top:10px;flex-wrap:wrap}.swatch-list .swatch{width:18px;height:18px;border:1px solid #d8d8d8;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;position:relative;transition:transform .2s ease,box-shadow .2s ease,opacity .2s ease;box-sizing:border-box}.swatch-list.variation-circle .swatch{border-radius:50%}.swatch-list .swatch:hover{transform:scale(1.08)}.swatch-list .swatch.selected{box-shadow:0 0 0 2px #7fd0ff}.swatch-list .swatch.unavailable{opacity:.45}.swatch-list .swatch-image img{width:100%;height:100%;object-fit:cover;border-radius:inherit;display:block}.swatch-list .swatch-label{width:auto;min-width:18px;padding:0 6px;font-size:11px;line-height:18px;background:#f3f3f3;border-radius:10px}.swatch-list .swatch-tooltip{display:none}