component-product-card{display:block}component-product-card .variant-colorswatch-container{border:0;margin:0}component-product-card .variant-colorswatch-container .variant_group{display:flex;gap:calc(1rem - 10px);flex-wrap:wrap}component-product-card .product-card__swatch[type=radio]{opacity:0;margin:0;position:absolute}component-product-card .product-card__swatch[type=radio].disabled{pointer-events:none;cursor:default}.card-information .variant-colorswatch-container{padding-left:0}.colorSwatch{width:32px;height:32px;padding:0!important;margin:1px;display:flex;align-items:center;justify-content:center;background-color:transparent!important;border:1px solid transparent;border-radius:var(--variant-pills-radius, 1.34px)}.product-set-switch-color-colors .colorSwatch{width:24px;height:24px}.colorSwatchContent{position:relative;overflow:hidden;display:block;width:28px;height:28px;border-radius:1.34px;background-position:center center}.colorSwatchContent.colorSwatchContent-image{min-height:28px}.product-form__input input[type=radio]+.colorSwatch{border:1px solid transparent}.colorSwatch:hover{border-color:rgb(var(--color-darklava))}.colorSwatch.selected,.product-form__input input[type=radio]:checked+.colorSwatch{border:1px solid var(--color-swatch-selected-border, #351d1d);border-radius:1.34px!important}component-product-card .colorSwatch{width:32px;height:32px;padding:0!important;background-color:transparent!important;cursor:pointer;border:1px solid transparent}component-product-card .colorSwatchContent{margin:2px;width:28px;height:28px;border-radius:1.34px;background-position:center center}component-product-card .product-card__swatch:not(.active)+.colorSwatch{border-color:transparent;background-color:transparent!important}component-product-card .product-card__swatch.active+.colorSwatch{border:1px solid var(--color-swatch-selected-border, black);border-radius:var(--variant-pills-radius);background-color:#fff!important}component-product-card .product-card__swatch.active+.colorSwatch .colorSwatchContent{border:none}@media only screen and (min-width:750px){.colorSwatch{width:46px;height:46px}.colorSwatchContent{width:42px;height:42px}.colorSwatchContent.colorSwatchContent-image{min-height:42px}component-product-card .colorSwatch{width:46px;height:46px}component-product-card .colorSwatchContent{margin:2px;width:42px;height:42px}component-product-card .variant-colorswatch-container .variant_group{gap:calc(1rem - 8px);margin-left:-2px}}
/*# sourceMappingURL=/cdn/shop/t/138/assets/component-variant-color-swatch.css.map */