.cpw-color-swatches{overflow:hidden}.cpw-color-swatches__header{text-align:center;margin-bottom:40px}.cpw-color-swatches__grid{display:grid;grid-template-columns:repeat(var(--cpw-cards-mobile),1fr);gap:var(--cpw-gap-mobile)}.cpw-color-swatches__item{width:100%;display:flex;justify-content:center}.cpw-color-swatches__link{display:flex;justify-content:center;text-decoration:none}.cpw-color-swatches__image{width:var(--cpw-circle-size-mobile);height:var(--cpw-circle-size-mobile);border-radius:50%;overflow:hidden;border:2px solid transparent;transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease}.cpw-color-swatches__img{width:100%;height:100%;object-fit:cover;display:block}.cpw-color-swatches__link:hover .cpw-color-swatches__image,.cpw-color-swatches__link:focus-visible .cpw-color-swatches__image{transform:translateY(-4px) scale(1.02);border-color:#7a1f3d;box-shadow:0 10px 24px #00000029}.cpw-color-swatches__link:hover .cpw-color-swatches__img,.cpw-color-swatches__link:focus-visible .cpw-color-swatches__img{transform:scale(1.03)}.cpw-color-swatches__img{transition:transform .35s ease}@media screen and (min-width:750px){.cpw-color-swatches__grid{grid-template-columns:repeat(var(--cpw-cards-tablet),1fr);gap:var(--cpw-gap-tablet)}.cpw-color-swatches__image{width:var(--cpw-circle-size-tablet);height:var(--cpw-circle-size-tablet)}}@media screen and (min-width:990px){.cpw-color-swatches__grid{grid-template-columns:repeat(var(--cpw-cards-desktop),1fr);gap:var(--cpw-gap-desktop)}.cpw-color-swatches__image{width:var(--cpw-circle-size-desktop);height:var(--cpw-circle-size-desktop)}}@media screen and (max-width:749px){.cpw-color-swatches__wrapper--mobile-slider .cpw-color-swatches__grid{display:flex;gap:var(--cpw-gap-mobile);overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none}.cpw-color-swatches__wrapper--mobile-slider .cpw-color-swatches__grid::-webkit-scrollbar{display:none}.cpw-color-swatches__wrapper--mobile-slider .cpw-color-swatches__item{flex:0 0 auto;width:var(--cpw-circle-size-mobile);scroll-snap-align:start}}
/*# sourceMappingURL=/cdn/shop/t/12/assets/cpw-color-swatches.css.map */