.storefront .product-color-options{flex-wrap:wrap;gap:10px;margin-bottom:16px;display:flex}.storefront button.product-color-button{width:44px;min-width:44px;height:44px;min-height:44px;color:var(--text);cursor:pointer;background:0 0;border:0;border-radius:0;flex:0 0 44px;justify-content:center;align-items:center;padding:8px;display:inline-flex;position:relative}.storefront .product-color-swatch{border:1px solid color-mix(in srgb, var(--text) 24%, transparent);background:var(--swatch-color);border-radius:50%;flex:0 0 26px;width:26px;height:26px;display:block}.storefront button.product-color-button:after{content:"";transform-origin:0;background:#000;height:1px;transition:transform .18s;position:absolute;bottom:0;left:2px;right:2px;transform:scaleX(0)}.storefront button.product-color-button[aria-pressed=true]:after{transform:scaleX(1)}.storefront button.product-color-button:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.storefront .product-color-name{color:var(--text);font-size:.85rem}.storefront .product-variant-controls{display:contents}@media (prefers-reduced-motion:reduce){.storefront button.product-color-button:after{transition:none}}