.variant-pill{display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-full);cursor:pointer;border:none;font-weight:500;appearance:none;transition:background 0.2s,color 0.2s}.variant-pill.is-s{padding:2px 8px;font-size:var(--font-size-xs);background:var(--bg-product-gallery);color:var(--txt-paragraph)}.variant-pill.is-l{padding:var(--spacing-4xs) var(--spacing-xs);font-size:var(--font-size-xs);background:var(--bg-btn-secondary);color:var(--txt-btn-secondary)}.variant-pill.is-active{background:var(--bg-btn-primary);color:var(--txt-btn-primary)}.variant-pill.is-l:hover:not(.is-active){background:var(--bg-btn-secondary-hover)}.variant-image{display:inline-flex;overflow:hidden;cursor:pointer;border:var(--border-width-m) solid #fff0;padding:0;appearance:none;background:none;transition:border-color 0.2s}.variant-image.is-s{border-radius:var(--radius-s)}.variant-image.is-s img{width:28px;height:28px;object-fit:cover;border-radius:var(--radius-s)}.variant-image.is-l{width:64px;height:64px;border-radius:var(--radius-m);background:var(--color-product-card-image-background)}.variant-image.is-l img{width:100%;height:100%;object-fit:contain}.variant-image.is-active{border-color:var(--bd-product-gallery-active)}.variant-image.is-l:hover:not(.is-active){border-color:var(--bg-product-gallery-dot)}