swatch-carousel{display:block}swatch-carousel .swatch-wrapper{position:relative;display:flex;align-items:center;overflow:hidden;padding:0;margin-bottom:20px;box-sizing:border-box}swatch-carousel .swatches{display:flex;flex-wrap:nowrap;overflow-y:hidden;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;gap:0;padding:0;margin:0;scrollbar-width:none;box-sizing:border-box;scroll-padding-left:0}swatch-carousel .swatches::-webkit-scrollbar{display:none}swatch-carousel .swatch{flex:0 0 auto;width:60px;height:60px;box-sizing:border-box;border-radius:50%;margin-right:10px;position:relative}swatch-carousel .swatch img{width:100%;height:auto}swatch-carousel .active-swatch-tick{position:absolute;top:0;right:0;width:25px;height:25px;border-radius:50%;background:#167f63;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff}swatch-carousel .swatch-heading{display:block;margin-bottom:20px}swatch-carousel .nav{background:#fff;border:1px solid #ccc;cursor:pointer;z-index:4;position:absolute;top:50%;transform:translateY(-50%);box-sizing:border-box;width:30px;height:30px;border-radius:50%;display:flex;justify-content:center;align-items:center}swatch-carousel .nav .chevron-icon svg{display:flex;width:auto;height:16px}swatch-carousel .nav.prev{left:0}swatch-carousel .nav.next{right:0}.mobile-product-swatches{display:none}@media(max-width:767px){.mobile-product-swatches{display:flex}swatch-carousel .swatch-wrapper{max-width:340px}swatch-carousel .swatch{width:60px;height:60px;margin-right:10px}swatch-carousel .active-swatch-tick{width:20px;height:20px}swatch-carousel .nav .chevron-icon svg{height:14px}}@media(min-width:768px){swatch-carousel .swatch-wrapper{max-width:100%;overflow:visible;flex-wrap:wrap;justify-content:flex-start}swatch-carousel .swatches{display:grid;grid-template-columns:repeat(8,minmax(10px,1fr));gap:10px;overflow:visible;width:100%}swatch-carousel .swatch{width:100%;height:auto;aspect-ratio:1 / 1;margin-right:0}swatch-carousel .nav{display:none!important}}
/*# sourceMappingURL=/cdn/shop/t/127/assets/product-swatches.css.map */