.card-wrapper{position:relative}.card__media{background-color:rgba(var(--color-foreground),.04);overflow:hidden}.media{position:relative}[data-main-image]{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s ease}.card:hover [data-main-image]{transform:scale(1.05)}.card-product__variants{margin-top:10px}.card-product__color-swatches{display:flex;gap:10px;flex-wrap:wrap}.color-swatch{flex:0 0 calc((100% - 90px) / 9);aspect-ratio:1;border-radius:0;border:none;cursor:pointer;padding:0;transition:transform .2s ease;appearance:none;-webkit-appearance:none;background-size:cover;background-position:center;background-repeat:no-repeat;z-index:1}.color-swatch:hover{transform:scale(1.05)}.color-swatch--active{border:1px solid rgba(0,0,0,1);transform:scale(1)!important}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media only screen and (max-width:750px){.color-swatch{width:10.66vw;height:10.66vw}.card-product__color-swatches{gap:1vw}.product-grid-container .page-width{padding:0 3.46vw}}@media only screen and (max-width:950px){.facets.small-hide{display:none}.medium-hide{display:block!important}}
/*# sourceMappingURL=/cdn/shop/t/13/assets/gg-card-product-ex.css.map */