.product-thumbnail-carousel-wrapper{position:relative;margin-top:1.5rem;display:flex;align-items:center;gap:.75rem}.product-thumbnail-carousel{overflow:hidden;flex:1}.product-thumbnail-carousel-track{display:flex;gap:1rem;transition:transform .3s ease}.product-thumbnail-carousel-item{flex-shrink:0;width:120px;height:120px;border:none;border-radius:0;padding:0;background:transparent;cursor:pointer;position:relative;overflow:hidden;transition:all .2s ease}.product-thumbnail-carousel-item:hover{opacity:.8}.product-thumbnail-carousel-item.active{border:1px solid rgb(var(--color-foreground))}.product-thumbnail-carousel-item img{width:100%;height:100%;object-fit:cover;display:block}.thumbnail-carousel-video-badge{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#0009;border-radius:50%;width:28px;height:28px;display:flex;align-items:center;justify-content:center;color:#fff;pointer-events:none;z-index:1}.thumbnail-carousel-nav{flex-shrink:0;width:40px;height:40px;border:1px solid rgb(var(--color-border));border-radius:50%;background:rgb(var(--color-background));cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.thumbnail-carousel-nav:hover:not(:disabled){background:rgb(var(--color-foreground));border-color:rgb(var(--color-foreground));color:rgb(var(--color-background))}.thumbnail-carousel-nav:disabled{opacity:.3;cursor:not-allowed}.thumbnail-carousel-nav svg{width:18px;height:18px}.thumbnail-carousel-nav--prev svg{transform:rotate(180deg)}@media screen and (max-width:989px){.product-thumbnail-carousel-item{width:100px;height:100px}.product-thumbnail-carousel-track{gap:.75rem}}@media screen and (max-width:749px){.product-thumbnail-carousel-wrapper{gap:.5rem;margin-top:1rem}.product-thumbnail-carousel-item{width:70px;height:70px}.product-thumbnail-carousel-track{gap:.5rem}.thumbnail-carousel-nav{width:36px;height:36px}.thumbnail-carousel-nav svg{width:16px;height:16px}.thumbnail-carousel-video-badge{width:24px;height:24px}}.product__media-wrapper:has(.product__media-list .product__media-item:only-child) .product-thumbnail-carousel-wrapper{display:none}
/*# sourceMappingURL=/cdn/shop/t/23/assets/product-thumbnail-carousel.css.map */