.product-modal{opacity:0;pointer-events:none;position:fixed;left:1rem;right:1rem;top:1rem;bottom:1rem;width:100%;bottom:auto;transform:translateZ(0);transition:all .3s var(--ease-out-slow);max-width:calc(100% - 2rem);height:calc(100% - 2rem);z-index:1003;border-radius:var(--media-radius);background-color:rgb(var(--color-drawer-background));isolation:isolate;will-change:transform,opacity;backface-visibility:hidden}.product-modal.active{pointer-events:all;opacity:1;transform:translateZ(0)}.product-quick-view-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:rgba(var(--color-overlay) / .5);opacity:0;visibility:hidden;transition:all .25s var(--ease-out-slow);pointer-events:none;display:block!important;z-index:1002}body.quickview-open{overflow:hidden;padding-right:var(--scrollbar-width)}body.quickview-open .product-quick-view-overlay,body.template-product-quick-view .product-quick-view-overlay{opacity:1;visibility:visible;pointer-events:all}body.template-product-quick-view .product-modal{transition:none}.product-modal-content{overflow-y:auto;max-height:100%}.product-quick-view-content{padding:2rem}@media screen and (min-width: 768px){.product-quick-view-content{padding:3.5rem}.product-modal{left:50%;top:50%;right:auto;bottom:auto;transform:translate3d(-50%,-45%,0) translateZ(0);width:100%;max-width:1047px;height:auto}.product-modal.active{transform:translate3d(-50%,-50%,0) translateZ(0)}.product-modal-content{max-height:90vh}}.product-modal-close{position:absolute;top:1rem;right:1rem;width:30px;height:30px}#product-modal-content.loading{opacity:0}#product-modal-content{opacity:1;transition:opacity .2s ease}.product-modal-content .product-modal-close .icon-close{width:15px;height:15px}.product-modal-content #product-modal-content{padding:0}.product-modal-content #product-modal-content .product__info-wrapper{padding:30px 60px 30px 40px}#product-modal .product .product__media-wrapper{display:flex;flex-direction:column}#product-modal .product .product__media-wrapper media-gallery,#product-modal .product .product__media-wrapper media-gallery gallery-carousel .main-carousel{flex:1;display:flex;flex-direction:column}#product-modal .product .product__media-wrapper media-gallery gallery-carousel .main-carousel .splide__track,#product-modal .product .product__media-wrapper media-gallery gallery-carousel .main-carousel .splide__track .product-media-container,#product-modal .product .product__media-wrapper media-gallery gallery-carousel .main-carousel .splide__track .product-media-container .product__modal-opener{--ratio: 1;--preview-ratio: 1}#product-modal .product .product__media-wrapper media-gallery gallery-carousel .thumbnail-carousel{display:none}#product-modal .product .product__media-wrapper media-gallery gallery-carousel .main-carousel .splide__track .product-media-container .product__modal-opener .product__media{height:100%}#product-modal .product .product__media-wrapper media-gallery gallery-carousel .main-carousel .splide__track .splide__arrows{display:none}#product-modal .product .product__media-wrapper media-gallery gallery-carousel .main-carousel .splide__pagination{padding:20px 0}#product-modal .product .product__media-wrapper .product-media-container .media,#product-modal .product .product__media-wrapper media-gallery gallery-carousel .main-carousel .splide__pagination{background-color:#f7f7f7}#product-modal .product .product__media-wrapper media-gallery gallery-carousel .main-carousel .splide__track .product-media-container .media video{object-fit:cover}#product-modal .product .product__media-wrapper .product__modal-opener--image img{object-fit:contain;mix-blend-mode:multiply}#product-modal .product .product__media-wrapper media-gallery .slide-counter__main{display:none}.product-modal{width:calc(100% - 40px)}@media screen and (max-width: 989px){.product-modal-content #product-modal-content .product__info-wrapper{padding:30px}}@media screen and (max-width: 767px){.product-modal{margin:0 auto}.product-modal-content #product-modal-content .product__info-wrapper .btn.btn-underlined{padding:0}.product-modal-content #product-modal-content .product__info-wrapper{padding:30px 15px}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/quick-view.css.map */