@media (max-width: 768px){.color-variants-container:after,.color-variants:after,.scroll-indicator{display:none!important}.template-collection .color-variants-container,.template-search .color-variants-container,.card .color-variants-container,.card-wrapper .color-variants-container,.card__content .color-variants-container,.card__information .color-variants-container,.card-information .color-variants-container{position:relative!important;width:100%!important;max-width:100%!important;overflow:hidden!important}.template-collection .color-variants,.template-search .color-variants,.card .color-variants,.card-wrapper .color-variants,.card__content .color-variants,.card__information .color-variants,.card-information .color-variants{display:flex!important;gap:8px!important;overflow-x:auto!important;overflow-y:hidden!important;scroll-behavior:smooth!important;-webkit-overflow-scrolling:touch!important;scrollbar-width:none!important;-ms-overflow-style:none!important;flex-wrap:nowrap!important;padding:0 0 8px!important;margin:10px 0 4px!important;position:relative!important;max-width:100%!important;width:100%!important}.template-collection .color-variants::-webkit-scrollbar,.template-search .color-variants::-webkit-scrollbar,.card .color-variants::-webkit-scrollbar,.card-wrapper .color-variants::-webkit-scrollbar{display:none}.card .color-variant,.card-wrapper .color-variant{flex:0 0 auto;width:32px;height:45px;scroll-snap-align:start;transition:transform .2s ease}.color-carousel-progress{display:none;width:100%;height:2px;background:#0000001a;border-radius:1px;margin-top:6px;position:relative;overflow:hidden}.color-variants-container.has-carousel .color-carousel-progress{display:block}.color-carousel-track{height:100%;background:#000;border-radius:1px;transition:transform .2s ease;transform-origin:left;will-change:transform}.color-variants-container.has-carousel:before,.color-variants-container.has-carousel:after{content:"";position:absolute;top:10px;bottom:18px;width:15px;z-index:2;pointer-events:none;transition:opacity .3s ease}.color-variants-container.has-carousel:before{left:0;background:linear-gradient(to right,#ffffffe6,#fff0);opacity:0}.color-variants-container.has-carousel:after{right:0;background:linear-gradient(to left,#ffffffe6,#fff0)}.color-variants-container.has-carousel.scrolled-start:before{opacity:1}.color-variants-container.has-carousel.scrolled-end:after{opacity:0}.color-variants.is-scrolling{scroll-behavior:auto}.color-variants.is-scrolling .color-variant{pointer-events:none}.card__content .color-variants,.card__information .color-variants,.card-information .color-variants{max-width:100%!important;width:auto!important}.grid__item .color-variants-container{max-width:100%!important;overflow:hidden!important}.grid__item .color-variants,.product-card-wrapper .color-variants-container,.product-card-wrapper .color-variants{max-width:100%!important}.card .color-variant-tooltip,.card-wrapper .color-variant-tooltip{display:none}.card .color-variant.active,.card-wrapper .color-variant.active{border-width:2px;border-color:#000}.color-variants{-webkit-transform:translateZ(0);transform:translateZ(0)}@keyframes scrollHint{0%{transform:translate(0)}50%{transform:translate(-10px)}to{transform:translate(0)}}.color-variants-container.has-carousel.show-hint .color-variants{animation:scrollHint 1.5s ease-in-out}.card--standard .color-variants-container,.card--card .color-variants-container{margin:8px 0}@media (max-width: 480px){.card .color-variant,.card-wrapper .color-variant{width:28px;height:40px}.color-variants{gap:6px}}}@media (min-width: 769px){.color-carousel-progress{display:none!important}.color-variants-container:before,.color-variants-container:after{display:none!important}}
/*# sourceMappingURL=/cdn/shop/t/27/assets/mobile-color-carousel.css.map */