.pdp-swatches-block{margin:16px 0}.pdp-swatches-block .pdp-swatches__heading{font-weight:700;margin-bottom:10px;font-size:16px;text-transform:none}.pdp-swatches-block .pdp-swatches__grid{display:grid;gap:8px;grid-template-columns:repeat(2,1fr)}@media (min-width: 768px){.pdp-swatches-block .pdp-swatches__grid{grid-template-columns:repeat(3,1fr)}}@media (min-width: 1200px){.pdp-swatches-block .pdp-swatches__grid{grid-template-columns:repeat(4,1fr)}}.pdp-swatches-block .pdp-swatch{display:flex;flex-direction:column;align-items:stretch;gap:8px;text-decoration:none;color:inherit;transition:transform .12s ease,box-shadow .12s ease,border-color .12s ease}.pdp-swatches-block .pdp-swatch__media{width:100%;aspect-ratio:1/1;overflow:hidden;border:1px solid #D5D5D5}.pdp-swatches-block .pdp-swatch__media:hover{border:2px solid #315428}.pdp-swatches-block .pdp-swatch__media img{width:100%;height:100%;object-fit:cover;display:block;object-position:left}.pdp-swatches-block .pdp-swatch__title{font-size:14px;text-align:center;line-height:1.25;font-weight:600;opacity:0;max-height:0;overflow:hidden;transform:translateY(-4px);transition:opacity .15s ease,max-height .15s ease,transform .15s ease,margin-top .15s ease;margin:0}@media (min-width: 768px){.pdp-swatches-block .pdp-swatch:hover .pdp-swatch__title,.pdp-swatches-block .pdp-swatch.is-active .pdp-swatch__title{opacity:1;max-height:48px;transform:translateY(0);margin-top:4px}}@media (max-width: 767.98px){.pdp-swatches-block .pdp-swatch{flex-direction:row;align-items:center}.pdp-swatches-block .pdp-swatch__media{display:none}.pdp-swatches-block .pdp-swatch__title{opacity:1;max-height:none;transform:none;margin:0;padding:15px 25px;border:1px solid #D5D5D5}}.pdp-swatches-block .pdp-swatch.is-active{cursor:default}.pdp-swatches-block .pdp-swatch .pdp-swatch__media.is-active{border:2px solid #315428}.pdp-swatches-block .pdp-swatch.is-disabled{pointer-events:none}@media (max-width: 767.98px){.pdp-swatches-block .pdp-swatch__title.is-active{border:2px solid #315428}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/pdp-swatches.css.map */