.card-media-carousel{position:relative;width:100%;overflow:hidden}.card-media-static{position:relative;width:100%;z-index:2;transition:opacity .3s ease}.card-media-carousel[data-view-mode=lifestyle] .card-media-static{opacity:0;pointer-events:none}.card-media-carousel[data-view-mode=flats] .card-media-static{opacity:1;pointer-events:auto}.card-media-carousel[data-view-mode=lifestyle] .card-slider.swiper{z-index:3;opacity:1}.card-media-carousel[data-view-mode=lifestyle] .card-slider-buttons,.card-media-carousel[data-view-mode=lifestyle] .card-slider-dots{opacity:1}.card-media-carousel:not(.has-multiple-media) .card-media-static{display:none}.card-slider.swiper{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.card-media-carousel:not(.has-multiple-media) .card-slider.swiper{position:relative}.card-media-list.swiper-wrapper{position:relative;width:100%;height:100%;margin:0;padding:0;display:flex}.card-media-list::-webkit-scrollbar{display:none}.card-media-item.swiper-slide{flex:0 0 100%;position:relative;width:100%;height:auto}.card-media-item{opacity:1;transition:opacity .3s ease}.card-media-item.is-active,.card-media-item.is-hover-active{opacity:1}.card-wrapper:hover .card-media-static{opacity:0;pointer-events:none}.card-media-container{position:relative;height:0;padding-bottom:125%;overflow:hidden}.card-slider .card-media-container{width:calc(100% + 2px)}.card-media-image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform .3s ease;pointer-events:none}.card-media-placeholder{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.card-media-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:3rem;height:3rem;background:#ffffffe6;border-radius:50%;display:flex;align-items:center;justify-content:center;opacity:.8;transition:opacity .3s ease}.card-media-icon .svg-wrapper{width:1.5rem;height:1.5rem}.card-media-icon svg{width:100%;height:100%;fill:rgb(var(--color-foreground))}.card-slider-buttons{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:space-between;pointer-events:none;transition:opacity .3s ease;opacity:1;transform:none}.card-wrapper:hover .card-slider-buttons{opacity:1}.card-slider-button{background:transparent;border-radius:50%;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;cursor:pointer;pointer-events:auto;transition:all .3s ease;margin:0 1rem;z-index:2}.card-slider-button:hover{background:#ffffff80;transform:scale(1.1)}.card-slider-button:active{transform:scale(1.05)}.card-slider-button:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:0 2px 8px #0000001a}.card-slider-button .svg-wrapper{width:1rem;height:1rem;pointer-events:none}.card-slider-button--prev .svg-wrapper{transform:rotate(90deg)}.card-slider-button--next .svg-wrapper{transform:rotate(-90deg)}.card-slider-button svg{width:100%;height:100%;fill:rgb(var(--color-foreground));pointer-events:none}.card-slider-dots{position:absolute;bottom:.75rem;left:50%;transform:translate(-50%);display:flex;gap:.375rem;opacity:0;transition:opacity .3s ease;z-index:3}.card-wrapper:hover .card-slider-dots{opacity:1}.card-slider-dot{width:.5rem;height:.5rem;border-radius:50%;border:1px solid rgba(255,255,255,.8);background:#ffffff80;cursor:pointer;transition:all .3s ease;box-shadow:0 1px 3px #0000004d}.card-slider-dot:hover{background:#fffc;transform:scale(1.15);border-color:#fff}.card-slider-dot.is-active{background:#fff;border-color:#fff;transform:scale(1.2)}@media screen and (max-width: 749px){.card-slider-button{width:2rem;height:2rem;margin:0 .25rem}.card-slider-button .svg-wrapper{width:.875rem;height:.875rem}.card-slider-dots{bottom:.5rem}.card-slider-dot{width:.4375rem;height:.4375rem}}.card-media-carousel.has-multiple-media:before,.card-media-carousel.has-multiple-media:after{content:"";position:absolute;top:0;width:25%;height:100%;z-index:999;pointer-events:none}.card-media-carousel.has-multiple-media:before{left:0}.card-media-carousel.has-multiple-media:after{right:0}.card-media-carousel.has-multiple-media{position:relative}.card-slider.swiper:hover{cursor:grab;cursor:-webkit-grab}.card-slider.swiper:active{cursor:grabbing;cursor:-webkit-grabbing}.product-link-area{cursor:pointer}@media (prefers-reduced-motion: reduce){.card-media-list{scroll-behavior:auto;transition:none}.card-media-image,.card-media-icon,.card-slider-buttons,.card-slider-dots,.card-slider-button,.card-slider-dot{transition:none}}.card-slider-dots{display:none}.card-slider-button:focus,.card-slider-dot:focus{outline:2px solid rgba(255,255,255,.5);outline-offset:0px}.card-slider-button:focus-visible,.card-slider-dot:focus-visible{outline:2px solid rgba(255,255,255,.5);outline-offset:0px}
/*# sourceMappingURL=/cdn/shop/t/144/assets/component-card-media-carousel.css.map */