.quickview-popup{position:fixed;top:6%;left:6%;bottom:6%;right:6%;max-width:1024px;margin:auto;box-sizing:border-box}.quickview-popup.fade-enter-active,.quickview-popup.fade-leave-active{transition:none !important}.quickview-popup:before{content:" ";position:fixed;top:0;left:0;bottom:auto;right:0;height:100vh;width:100vw;background:rgba(0,0,0,0.6);z-index:-1;pointer-events:none}.quickview-popup .close{position:absolute;top:0;left:0;bottom:auto;right:auto;width:42px;height:42px;line-height:42px;text-align:center;cursor:pointer}.quickview-popup .close:after{content:"close";font-family:Material Icons Outlined;font-size:20px}.quickview-popup .content{position:absolute;top:0;left:0;bottom:0;right:0;width:100%;height:100%;margin:auto auto;padding:40px;background:var(--white);box-sizing:border-box;overflow:hidden}.rounded .quickview-popup .content{border-radius:10px}.quickview-popup .content .cont{display:grid;grid-template:"title title" "info pictures";grid-template-columns:40% 60%;grid-template-rows:40px auto;gap:10px 0;height:100%;overflow:auto}.quickview-popup .content .cont .title{grid-area:title;line-height:30px;font-size:24px;font-weight:bold}.quickview-popup .content .cont .info{grid-area:info;padding-left:40px}.quickview-popup .content .cont .info .text{word-break:break-word}.quickview-popup .content .cont .pictures{grid-area:pictures;display:grid;grid-template:"activeImage images";grid-template-columns:1fr 60px;gap:10px}.quickview-popup .content .cont .pictures.gallery{grid-template-areas:"gallery";grid-template-columns:1fr}.quickview-popup .content .cont .pictures .gallery{grid-area:gallery}.quickview-popup .content .cont .pictures .gallery .banners{height:100%}.quickview-popup .content .cont .pictures .gallery .dots{top:10px;bottom:auto}.quickview-popup .content .cont .pictures .activeImage{grid-area:activeImage}.quickview-popup .content .cont .pictures .activeImage>img{width:100%}.quickview-popup .content .cont .pictures .images{grid-area:images}.quickview-popup .content .cont .pictures .images .image{cursor:pointer}.quickview-popup .content .cont .pictures .images .image>img{width:100%}@media (max-width: 768px){.quickview-popup{top:2%;left:2%;bottom:2%;right:2%}.quickview-popup .close{top:0;left:0}.quickview-popup .content{position:absolute;top:10px;left:10px;bottom:10px;right:10px;width:auto;height:auto;padding:40px 20px;overflow:auto}.quickview-popup .content .cont{height:auto;overflow:hidden;grid-template-areas:"pictures" "title" "info";grid-template-columns:auto;grid-template-rows:auto}.quickview-popup .content .cont .info{padding-left:0;overflow:initial}}