.ph-card-swatches{max-width:100%;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}.ph-card-swatches::-webkit-scrollbar{display:none}.ph-card-swatches__track{display:flex;align-items:center;width:max-content;margin-inline:auto;padding:4px;gap:7px}.ph-card-swatch{position:relative;display:block;flex:0 0 16px;width:16px;height:16px;box-sizing:border-box;background:var(--ph-swatch-color);border:1px solid rgba(36,29,61,.2);border-radius:0;text-decoration:none}.ph-card-swatch.is-active:after,.ph-card-swatch:focus-visible:after{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border:1px solid #241D3D;pointer-events:none}@media(hover:hover)and (pointer:fine){.ph-card-swatch:hover:after{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border:1px solid #8F7A52;pointer-events:none}}.product-card:has(.ph-card-swatches) .product-card__media{position:relative}.product-card.ph-previewing .product-card__image--primary{opacity:1!important}.product-card.ph-previewing .product-card__image--secondary{opacity:0!important;visibility:hidden}.product-card__media>.ph-card-preview-image{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;display:block;width:100%;height:100%;margin:0;object-position:center;object-fit:contain;pointer-events:none;opacity:0;transition:opacity .18s ease}.product-card__media>.ph-card-preview-image.is-visible{opacity:1}.product-card__media>.ph-card-preview-image.object-cover{object-fit:cover}@media(hover:none),(pointer:coarse){.ph-card-swatches__track{gap:0;padding-block:2px}.ph-card-swatch{flex:0 0 40px;width:40px;height:40px;border:0;background:none}.ph-card-swatch:before{content:"";position:absolute;left:50%;top:50%;width:16px;height:16px;transform:translate(-50%,-50%);box-sizing:border-box;background:var(--ph-swatch-color);border:1px solid rgba(36,29,61,.2)}.ph-card-swatch.is-active:after,.ph-card-swatch:focus-visible:after{top:9px;right:9px;bottom:9px;left:9px}}@media(prefers-reduced-motion:reduce){.product-card__media>.ph-card-preview-image{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/31/assets/ph-card-swatches.css.map */