.hotspot-carousel-wrap{position:relative;display:flex;align-items:center;gap:12px;overflow-x:clip;overflow-y:visible}.swiper.hotspot-carousel{flex:1;min-width:0;overflow:visible;clip-path:inset(0 0 -320px 0)}.hotspot-carousel .swiper-wrapper{align-items:flex-start}.hotspot-carousel .swiper-slide.hotspot_sub{width:calc((100% - 2 * var(--grid-desktop-horizontal-spacing)) / 3);max-width:none;flex:0 0 auto}.hotspot-carousel__arrow{flex-shrink:0;width:36px;height:36px;border-radius:50%;background:#ffffffe6;border:1px solid rgba(var(--color-foreground),.1);color:rgb(var(--color-foreground));display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0;z-index:2}.hotspot-carousel__arrow svg{width:12px;height:12px}.hotspot-carousel__arrow--prev svg{transform:rotate(90deg)}.hotspot-carousel__arrow--next svg{transform:rotate(-90deg)}.hotspot-carousel__arrow.swiper-button-lock{display:none}@media screen and (max-width:991px){.hotspot-carousel .swiper-slide.hotspot_sub{width:calc((100% - var(--grid-desktop-horizontal-spacing)) / 2)}}@media screen and (max-width:767px){.hotspot-carousel-wrap{gap:6px}.hotspot-carousel .swiper-slide.hotspot_sub{width:100%}.hotspot-carousel__arrow{width:28px;height:28px}}.hotspot-carousel__arrow.swiper-button-disabled{opacity:.35;cursor:default;pointer-events:none}.hotspot-carousel.swiper-initialized .hotspot_sub .media>img.hs-img{opacity:0;transition:opacity .35s ease}.hotspot-carousel.swiper-initialized .hotspot_sub .media>img.hs-img.is-loaded{opacity:1}.hotspot-carousel.swiper-initialized .hotspot_sub .media{background:linear-gradient(100deg,rgba(var(--color-foreground),.06) 30%,rgba(var(--color-foreground),.12),rgba(var(--color-foreground),.06) 70%);background-size:300% 100%;animation:hs-shimmer 1.4s ease-in-out infinite}.hotspot-carousel.swiper-initialized .hotspot_sub .media:has(>img.is-loaded){animation:none;background:transparent}@keyframes hs-shimmer{0%{background-position:100% 0}to{background-position:0 0}}@media(prefers-reduced-motion:reduce){.hotspot-carousel.swiper-initialized .hotspot_sub .media{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/17/assets/section-image-hotspot-carousel.css.map */