quick-view-slider{display:block;width:100%}.quick-view-slider{position:relative;width:100%}.quick-view-slider__header{margin-bottom:2rem;text-align:center}.quick-view-slider__title{font-size:2rem;font-weight:700;margin:0 0 .5rem;color:rgb(var(--color-foreground))}.quick-view-slider__description{font-size:1rem;color:rgba(var(--color-foreground),.7);max-width:600px;margin:0 auto}.quick-view-slider__wrapper{position:relative;width:100%;overflow:hidden}.quick-view-slider__swiper{width:100%;overflow:visible}.quick-view-slider__track{display:flex}.quick-view-slider__slide{width:300px!important;height:540px!important;flex-shrink:0;transition:opacity .3s ease}.quick-view-slider__slide.swiper-slide-duplicate{display:none}.quick-view-slider__video-container{width:100%;height:100%;position:relative;overflow:hidden;border-radius:var(--border-radius);background-color:rgb(var(--color-background));border:1px solid rgba(var(--color-foreground),.1);display:flex;align-items:center;justify-content:center;cursor:pointer}.quick-view-slider__video{width:100%;height:100%;object-fit:cover;display:block}.quick-view-slider__video-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:60px;height:60px;border-radius:50%;background-color:#ffffffe6;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;opacity:0;z-index:2;padding:0}.quick-view-slider__video-container:hover .quick-view-slider__video-play{opacity:1}.quick-view-slider__video-play:hover{background-color:#fff;transform:translate(-50%,-50%) scale(1.1)}.quick-view-slider__video-play:active{transform:translate(-50%,-50%) scale(.95)}.quick-view-slider__video-play svg{width:24px;height:24px;fill:rgb(var(--color-foreground))}.quick-view-slider__product-container{width:100%;height:100%;position:relative;overflow:hidden;border-radius:var(--border-radius);background-color:rgb(var(--color-background));border:1px solid rgba(var(--color-foreground),.1);display:flex;flex-direction:column;cursor:pointer;transition:all .3s ease}.quick-view-slider__product-image{width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.quick-view-slider__media,.quick-view-slider__image,.quick-view-slider__video{width:100%;height:100%}.quick-view-slider__image,.quick-view-slider__video{object-fit:cover;display:block}.quick-view-slider__product-container:hover .quick-view-slider__product-image img{transform:scale(1.05)}.quick-view-slider__product-info{background:linear-gradient(to top,rgba(0,0,0,.8),rgba(0,0,0,.4) 50%,transparent);color:#fff;padding:1rem;position:absolute;bottom:0;left:0;right:0;z-index:1}.quick-view-slider__product-title{font-size:.875rem;font-weight:600;margin:0 0 .25rem;line-height:1.2;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.quick-view-slider__product-price{font-size:.75rem;margin:0;opacity:.9;font-weight:500}.quick-view-slider__product-button{position:absolute;top:0;right:0;width:100%;height:100%;background-color:transparent;color:transparent;border:none;padding:.5rem .75rem;border-radius:var(--border-radius);font-size:.75rem;font-weight:600;cursor:pointer;transition:all .2s ease;opacity:0!important;transform:scale(.8);z-index:2;white-space:nowrap;box-shadow:0 2px 8px #0003}.quick-view-slider__product-container:hover .quick-view-slider__product-button{opacity:0;transform:scale(1)}.quick-view-slider__product-button:hover{background-color:transparent}.quick-view-slider__product-button:active{transform:scale(.95)}.quick-view-slider__product-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,rgba(var(--color-foreground),.08),rgba(var(--color-foreground),.02));color:rgba(var(--color-foreground),.2)}.quick-view-slider__product-placeholder svg{width:80px;height:80px;stroke-width:1}.quick-view-slider__nav{position:absolute;top:50%;transform:translateY(-50%);z-index:10;width:44px;height:44px;background-color:#ffffffe6;border:none;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;color:rgb(var(--color-foreground));padding:0}.quick-view-slider__nav:hover{background-color:#fff;box-shadow:0 2px 8px #00000026}.quick-view-slider__nav:active{transform:translateY(-50%) scale(.95)}.quick-view-slider__nav--prev{left:-22px}.quick-view-slider__nav--next{right:-22px}.quick-view-slider__nav svg{width:20px;height:20px;stroke-width:2;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round}.quick-view-slider__pagination{position:absolute;bottom:1rem;left:50%;transform:translate(-50%);display:flex;gap:.5rem;z-index:10}.quick-view-slider__pagination.swiper-pagination{width:auto;bottom:auto;left:auto;right:auto;transform:none}.quick-view-slider__pagination .swiper-pagination-bullet{width:8px;height:8px;background-color:#ffffff80;opacity:1;border-radius:50%;cursor:pointer;transition:all .2s ease;border:1px solid rgba(255,255,255,.7)}.quick-view-slider__pagination .swiper-pagination-bullet:hover{background-color:#ffffffb3}.quick-view-slider__pagination .swiper-pagination-bullet-active{background-color:#fff;border-color:#fff}@media screen and (max-width:480px){.quick-view-slider__nav--prev{left:-18px}.quick-view-slider__nav--next{right:-18px}.quick-view-slider__nav{width:40px;height:40px}.quick-view-slider__title{font-size:1.5rem}.quick-view-slider__product-button{font-size:.7rem;padding:.4rem .6rem}.quick-view-slider__video-play{width:50px;height:50px}.quick-view-slider__video-play svg{width:20px;height:20px}}.quick-view-slider__swiper.swiper{overflow:visible}.quick-view-slider__swiper .swiper-wrapper{display:flex}.quick-view-slider__swiper .swiper-slide{width:300px;height:540px}.quick-view-slider__nav:focus-visible,.quick-view-slider__product-button:focus-visible{outline:2px solid rgb(var(--color-foreground));outline-offset:2px}@supports (scroll-behavior: smooth){.quick-view-slider__track{scroll-behavior:smooth}}@media print{.quick-view-slider__nav,.quick-view-slider__pagination{display:none}}
/*# sourceMappingURL=/cdn/shop/t/16/assets/component-quick-view-slider.css.map */