.color-selector{margin:0;padding:0;border:0}.color-selector legend{margin-bottom:12px;font-weight:500}.color-swatches{display:flex;flex-wrap:wrap;gap:10px}.color-swatch{display:grid;gap:6px;padding:6px;background:#fff;color:var(--ink);border:2px solid var(--line);border-radius:10px;min-width:66px}.color-swatch>span,.color-swatch>img{display:block;width:52px;height:52px;border-radius:7px;border:1px solid rgba(0,0,0,.15);object-fit:cover}.color-swatch.active{border-color:var(--ink);box-shadow:0 0 0 2px #fff,0 0 0 4px var(--ink)}.color-swatch small{font:inherit;font-size:.72rem}.variant-field.unavailable{opacity:.55}.availability-message{display:block;margin-top:6px;color:#9b2525}.availability-message[hidden]{display:none}.cart-color{display:inline-block;width:17px;height:17px;margin-left:6px;border-radius:50%;border:1px solid rgba(0,0,0,.3);vertical-align:middle}.variant-field select option:disabled{color:#999;background:#ececec}.color-swatch.unavailable{opacity:.38;filter:grayscale(.8);cursor:not-allowed;text-decoration:line-through}.color-swatch.unavailable:hover{border-color:var(--line);box-shadow:none}