.productComp__modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0D0D0D4D;display:flex;justify-content:center;align-items:normal;z-index:9999;overflow:auto;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}
.productComp__modal-overlay.is-active{opacity:1;visibility:visible}
.productComp__modal-content{position:relative;max-width:90vw;background:white;padding:60px;box-shadow:0 2px 8px 0 #00000029;display:flex;justify-content:center;align-items:center;transform:scale(0.95);transition:transform .3s ease}
.is-active .productComp__modal-content{transform:scale(0.7)}
.productComp__modal-content canvas{max-width:100%;max-height:100%;object-fit:contain;border:1px solid #000;margin:32px}
.productComp__close-button{position:absolute;top:16px;right:16px;background:0;border:0;color:#4a4d4e;font-size:21.67px;cursor:pointer}
.productComp__ecoLabelIcon{width:50px}
@media only screen and (max-width:970px){.productComp__modal-content{max-width:none;padding:20px}
.productComp__ecoLabelIcon{width:32px}
}