.product-modal{backface-visibility:hidden;background-color:rgb(var(--color-drawer-background));border-radius:var(--media-radius);bottom:1rem;bottom:auto;height:calc(100% - 2rem);isolation:isolate;left:1rem;max-width:calc(100% - 2rem);opacity:0;pointer-events:none;position:fixed;right:1rem;top:1rem;transform:translateZ(0);transition:all .3s var(--ease-out-slow);width:100%;will-change:transform,opacity;z-index:1003}.product-modal.active{opacity:1;pointer-events:all;transform:translateZ(0)}.product-quick-view-overlay{backdrop-filter:blur(2px);background-color:rgba(var(--color-overlay)/.7);bottom:0;display:block!important;left:0;opacity:0;pointer-events:none;position:fixed;right:0;top:0;transition:all .25s var(--ease-out-slow);visibility:hidden;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;pointer-events:all;visibility:visible}body.template-product-quick-view .product-modal{transition:none}.product-modal-content{max-height:100%;overflow-y:auto}.product-quick-view-content{padding:2rem}@media screen and (min-width:768px){.product-quick-view-content{padding:3.5rem}.product-modal{bottom:auto;height:auto;left:50%;max-width:980px;right:auto;top:50%;transform:translate3d(-50%,-45%,0) translateZ(0);width:100%}.product-modal.active{transform:translate3d(-50%,-50%,0) translateZ(0)}.product-modal-content{max-height:90vh}}.product-modal-close{position:absolute;right:1.2rem;top:1.2rem}#product-modal-content.loading{opacity:0}#product-modal-content{opacity:1;transition:opacity .2s ease}