swiper-component{display:block;position:relative}swiper-component .swiper{overflow:hidden}swiper-component[data-pagination=true] .swiper,swiper-component[data-scrollbar=true] .swiper{padding-bottom:3rem}swiper-component .swiper-button-prev,swiper-component .swiper-button-next{width:4.4rem;height:4.4rem;background-color:rgb(var(--color-background));border-radius:50%;color:rgb(var(--color-foreground));box-shadow:0 2px 10px #0000001a}swiper-component .swiper-button-prev:after,swiper-component .swiper-button-next:after{font-size:1.4rem;font-weight:700}swiper-component .swiper-button-disabled{opacity:.35;pointer-events:none}swiper-component .swiper-pagination{position:absolute;bottom:0;left:0;right:0}swiper-component .swiper-pagination-bullet{width:1rem;height:1rem;background-color:rgb(var(--color-foreground));opacity:.3}swiper-component .swiper-pagination-bullet-active{opacity:1}swiper-component .swiper-scrollbar{position:absolute;bottom:0;left:0;right:0;height:.4rem;background-color:rgba(var(--color-foreground),.1);border-radius:.4rem}swiper-component .swiper-scrollbar-drag{background-color:rgba(var(--color-foreground),.5);border-radius:.4rem;cursor:grab}@media screen and (min-width:990px){swiper-component[data-mobile-only=true] .swiper-button-prev,swiper-component[data-mobile-only=true] .swiper-button-next,swiper-component[data-mobile-only=true] .swiper-pagination,swiper-component[data-mobile-only=true] .swiper-scrollbar{display:none}swiper-component[data-mobile-only=true] .swiper{padding-bottom:0}}swiper-component:not(.is-initialized) .swiper-wrapper{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none}swiper-component:not(.is-initialized) .swiper-wrapper::-webkit-scrollbar{display:none}swiper-component:not(.is-initialized) .swiper-slide{scroll-snap-align:start;flex-shrink:0}swiper-component:not(.is-initialized) .swiper-button-prev,swiper-component:not(.is-initialized) .swiper-button-next,swiper-component:not(.is-initialized) .swiper-pagination,swiper-component:not(.is-initialized) .swiper-scrollbar{display:none}@media screen and (min-width:990px){swiper-component.swiper--desktop-static .swiper-button-prev,swiper-component.swiper--desktop-static .swiper-button-next,swiper-component.swiper--desktop-static .swiper-pagination,swiper-component.swiper--desktop-static .swiper-scrollbar{display:none}swiper-component.swiper--desktop-static .swiper{overflow:visible;padding-bottom:0}swiper-component.swiper--desktop-static .swiper-slide{width:auto!important;flex-shrink:0}}
/*# sourceMappingURL=/cdn/shop/t/18/assets/component-swiper.css.map */