.product-swatch{--swatch-size:40px;--swatch-gap:4px;margin-bottom:30px}.product-swatch__selected{color:var(--color-text-secondary);font:var(--font-body-sm)}.product-swatch__grid{gap:var(--swatch-gap);grid-template-columns:repeat(auto-fill, var(--swatch-size));max-width:calc(var(--swatch-size) * 7 + var(--swatch-gap) * 6);width:fit-content;display:grid}.product-swatch__item{box-sizing:border-box;height:var(--swatch-size);width:var(--swatch-size);border:2px solid #0000;justify-content:center;align-items:center;padding:2px;transition:border-color .2s cubic-bezier(.87,0,.13,1);display:flex}.product-swatch__item:hover,.product-swatch__item.is-active{border-color:var(--color-text)}.product-swatch__visual{width:100%;height:100%;position:relative;overflow:hidden}.is-unavailable .product-swatch__visual:after{background:linear-gradient(to bottom right, transparent calc(50% - 1px), var(--color-border-default) calc(50% - 1px), var(--color-border-default) calc(50% + 1px), transparent calc(50% + 1px));content:"";pointer-events:none;position:absolute;inset:0}.product-swatch__image{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;display:block}