.shop-by-color__inner{padding-inline:16px}.shop-by-color__title{margin-bottom:40px}.shop-by-color__grid{display:grid;grid-template-columns:repeat(2,1fr);column-gap:0;row-gap:32px;margin-left:-16px;margin-right:-16px}.shop-by-color__item{display:block;text-decoration:none}.shop-by-color__media{position:relative;width:100%;aspect-ratio:4 / 5;overflow:hidden}.shop-by-color__media img{width:100%;height:100%;object-fit:cover}.shop-by-color__overlay{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:1}.shop-by-color__text{width:100%;padding:12px 12px 0}.shop-by-color__item--text-overlay .shop-by-color__text{position:absolute;bottom:2%;left:0;padding:0 16px;z-index:2}.shop-by-color__item--text-overlay .shop-by-color__media{z-index:0}.shop-by-color__item--text-above .shop-by-color__text{padding:0 12px 16px}.shop-by-color__item--align-left .shop-by-color__text{text-align:left}.shop-by-color__item--align-center .shop-by-color__text{text-align:center}.shop-by-color__item--align-right .shop-by-color__text{text-align:right}.shop-by-color__label{margin:0}.shop-by-color__label.custom{font-size:var(--desktop-title-size)}@media screen and (max-width:749px){.shop-by-color__label.custom{font-size:var(--mobile-title-size)}}.shop-by-color__description{margin:2px 0 0}.shop-by-color__description.custom{font-size:var(--desktop-description-size)}@media screen and (max-width:749px){.shop-by-color__description.custom{font-size:var(--mobile-description-size)}}@media(min-width:750px){.shop-by-color__inner{padding-inline:48px}.shop-by-color__grid{grid-template-columns:repeat(4,1fr);gap:16px;margin-left:unset;margin-right:unset}.shop-by-color__text{padding:16px 16px 0}.shop-by-color__item--text-overlay .shop-by-color__text{bottom:5%;padding:0 24px}.shop-by-color__item--text-above .shop-by-color__text{padding:0 16px 20px}.shop-by-color__text.no-sides-padding{padding-left:0;padding-right:0}}
/*# sourceMappingURL=/cdn/shop/t/297/assets/component-shop-by-color.css.map */