.card-product-colors{position:relative;z-index:2;display:flex;flex-wrap:wrap;align-items:center;gap:4px;margin:12px 0;padding:0;border:0}.card-product-colors__swatch{--swatch-input--size: 52px;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;flex:0 0 52px;width:52px;height:52px;margin:0;padding:2px;border:1px solid #cccccc;border-radius:0;background:transparent;cursor:pointer;line-height:0;-webkit-appearance:none;appearance:none}.card-product-colors__swatch:hover{border-color:#999}.card-product-colors__swatch[aria-pressed=true]{border-color:#40251a}.card-product-colors__swatch:focus-visible{outline:.2rem solid rgba(64,37,26,.45);outline-offset:.2rem}.card-product-colors__swatch .swatch,.card-product-colors__swatch .swatch--sample{width:100%;height:100%;border:none;border-radius:0;overflow:hidden}.card-product-colors__swatch .swatch__image{display:block;width:100%;height:100%;object-fit:cover}.card-product-colors__preload{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);border:0;white-space:nowrap;pointer-events:none}.card-product-colors__preload img{position:absolute;width:1px;height:1px}
/*# sourceMappingURL=/cdn/shop/t/7/assets/component-card-color-swatches.css.map */