.card-wrapper .card__inner:has(.sm-card-media){z-index:2}.card-wrapper .card__inner:has(.sm-card-media)>.card__content{pointer-events:none}.card-wrapper .media.sm-card-media>.sm-slider{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:flex;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch}.sm-card-media .sm-slider::-webkit-scrollbar{display:none}.sm-card-media .sm-slide{display:block;position:relative;flex:0 0 100%;height:100%;scroll-snap-align:start;scroll-snap-stop:always}.sm-card-media .sm-slide img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center center}.card-wrapper .media.sm-card-media>.sm-dots{position:absolute;top:auto;left:0;right:0;bottom:.8rem;width:100%;height:auto;z-index:3;display:flex;justify-content:center;gap:.6rem;pointer-events:none}.sm-card-media .sm-dot{width:.6rem;height:.6rem;border-radius:50%;border:1px solid rgba(var(--color-foreground),.5);background:transparent;transition:background-color .2s ease}.sm-card-media .sm-dot.is-active{background:rgba(var(--color-foreground),.5)}@media(hover:hover)and (pointer:fine){.card-wrapper .media.sm-card-media>.sm-slider{overflow:hidden;scroll-snap-type:none}.sm-card-media .sm-slide{position:absolute;top:0;right:0;bottom:0;left:0;transition:opacity var(--duration-long, .5s) ease}.sm-card-media .sm-slide:nth-child(2){opacity:0}.sm-card-media .sm-slide:nth-child(n+3),.card-wrapper .media.sm-card-media>.sm-dots{display:none}.card-wrapper:hover .sm-card-media .sm-slide:first-child{opacity:0}.card-wrapper:hover .sm-card-media .sm-slide:nth-child(2){opacity:1}.sm-card-media .sm-slide img{transition:transform var(--duration-long, .5s) ease}.card-wrapper:hover .sm-card-media .sm-slide:nth-child(2) img{transform:scale(1.03)}}.card-wrapper .media.sm-card-media>.sm-slider{background:rgb(var(--color-background))}.sm-card-media .sm-slide{-webkit-tap-highlight-color:transparent}.sm-card-media .sm-slide:nth-child(n+3),.sm-card-media .sm-dot:nth-child(n+3){display:none}
/*# sourceMappingURL=/cdn/shop/t/7/assets/sm-card-slider.css.map */