.swatch-collection__grid{display:grid;grid-template-columns:repeat(var(--swatch-grid-columns, 4),minmax(0,1fr));gap:2.4rem 2rem;margin:0;padding:0;list-style:none}@media screen and (max-width:989px){.swatch-collection__grid{grid-template-columns:repeat(var(--swatch-grid-columns-tablet, 2),minmax(0,1fr))}}@media screen and (max-width:749px){.swatch-collection__grid{grid-template-columns:repeat(var(--swatch-grid-columns-mobile, 2),minmax(0,1fr));gap:1.6rem 1.2rem}}.swatch-card{display:flex;flex-direction:column;height:100%;border-radius:.5rem;overflow:hidden}.swatch-card__media{position:relative;aspect-ratio:1 / 1;display:flex;align-items:center;justify-content:center;padding:5%;background-color:var(--swatch-card-image-bg, #ffffff)}.swatch-card__media-link{display:block;width:100%;height:100%;line-height:0}.swatch-card__media img,.swatch-card__media .placeholder-svg{width:100%;height:100%;object-fit:contain;object-position:center center}.swatch-card__info{flex-grow:1;display:flex;flex-direction:column;padding:1.4rem 1.6rem 1.6rem;background-color:var(--swatch-card-info-bg, #111111);color:var(--swatch-card-info-fg, #ffffff)}.swatch-card .swatch-card__title{margin:0;font-size:1.6rem;font-weight:400;line-height:1.3;min-height:calc(1.6rem * 1.3 * var(--swatch-card-title-lines, 2));color:var(--swatch-card-info-fg, #ffffff)}.swatch-card .swatch-card__title a,.swatch-card a.swatch-card__link,.swatch-card a.swatch-card__link:visited{color:var(--swatch-card-info-fg, #ffffff);text-decoration:none}.swatch-card a.swatch-card__link:hover{color:var(--swatch-card-info-fg, #ffffff);text-decoration:underline;text-underline-offset:.3rem}.swatch-card .swatch-card__price{margin-top:auto;padding-top:.7rem;font-size:1.4rem;color:var(--swatch-card-info-fg, #ffffff)}.swatch-card__status{margin-top:.5rem;font-size:1.3rem;opacity:.7}.swatch-card__swatches{display:flex;align-items:center;flex-wrap:wrap;gap:.6rem;margin-top:.9rem}.swatch-card__swatch{padding:0;margin:0;border:none;background:none;cursor:pointer;border-radius:50%;line-height:0}.swatch-card__swatch .swatch{width:1.8rem;height:1.8rem;opacity:1;filter:none;border:.1rem solid rgba(128,128,128,.45);transition:border-width .12s ease}.swatch-card__swatch.is-active .swatch{border-width:.3rem;border-color:var(--swatch-card-info-fg, #ffffff)}.swatch-card__swatch:focus-visible{outline:.2rem solid currentColor;outline-offset:.2rem}
/*# sourceMappingURL=/cdn/shop/t/46/assets/component-card-swatch.css.map */