canvas{
  width:100%;
  height:100%;
  pointer-events: none;
}
canvas.pointer-all{
  pointer-events: all;
}

/*Product 3D Viewer*/
.lego-canvas-body{
  position:fixed;
  top:0;
  left:0;
  width:100%;
  height:100%;
  overflow-x:hidden;
  overflow-y:scroll;
  z-index:9999;
  display:none;
}
.lego-canvas{
  position:relative;
  /*top:0;*/
  /*left:0;*/
  width:100vw;
  height:200vh;
  z-index:2;
  /*background-color:black !important;*/
  /*background-color:white !important;*/
  /*background-color:var(--grey) !important;*/
  /*background-image:url(/assets/bg/test3.webp);*/
  /*background-image:url(/assets/bg/test4.jpg);*/
  /*background-image:url(/assets/bg/test5_.png);*/
  /*background-image:url(/assets/bg/test6.jpg);*/
  /*background-image:url(/assets/3d/test7.webp);*/
  background-image:url(/assets/products/10391/10391_Prod.webp);
  /*background-image:url(/assets/meta/meta2.jpg);*/
  /*background-size:1600px 900px;*/
  /*background-position:left bottom;*/
  /*background-size:cover;*/
  /*background-size:contain;*/
  background-size:80%;
  background-position:center;
  background-repeat:no-repeat;
}
.lego-canvas-body.open,
.lego-canvas.open{
  display:block;
}


/*Meta*/
.meta-canvas-body{
  position:fixed;
  top:0;
  left:0;
  width:100%;
  height:100%;
  z-index:999;
  display:none;
}
.meta-canvas{
  position:relative;
  /*top:0;*/
  /*left:0;*/
  width:100vw;
  height:100vh;
  z-index:2;
  background-color:black !important;
  /*background-color:white !important;*/
  /*background-image:url(/assets/meta/test2.png);*/
  /*background-image:url(/assets/meta/test7.jpg);*/
  background-image:url(/assets/meta/meta2.webp);
  background-size:cover;
  /*background-size:contain;*/
  background-position:center;
  background-repeat:no-repeat;
}
.meta-canvas-body.open,
.meta-canvas.open{
  display:block;
}

/*App*/
.play-canvas{
  position:relative;
  /*top:0;*/
  /*left:0;*/
  width:100vw;
  height:100vh;
  z-index:2;
  background-color:black !important;
  /*background-color:white !important;*/
  /*background-image:url(/assets/meta/test2.png);*/
  /*background-image:url(/assets/3d/pun4ai5501n612.webp);*/
  /*background-image:url(/assets/3d/267530_screenshots_20211024174208_1.jpg);*/
  background-image:url(/assets/3d/267530_screenshots_20211006164941_1.jpg);
  /*background-image:url(/assets/meta/test7.jpg);*/
  /*background-image:url(/assets/meta/meta2.jpg);*/
  background-size:cover;
  /*background-size:contain;*/
  background-position:center;
  background-repeat:no-repeat;
}

/*Product viewer*/
.product-canvas-body{
  position:fixed;
  top:0;
  left:0;
  width:100%;
  height:100%;
  overflow-x:hidden;
  overflow-y:scroll;
  z-index:999;
  display:none;
}
.product-canvas-body .page{
  position:relative;
  /*top:0;*/
  /*left:0;*/
  width:80%;
  height:80%;
}
.product-canvas{
  position:relative;
  /*top:0;*/
  /*left:0;*/
  /*width:80%;*/
  /*height:80%;*/
  width:96%;
  height:96%;
  border-radius:12px;
  z-index:2;
  /*background-color:black !important;*/
  /*background-color:white !important;*/
  /*background-color:var(--grey) !important;*/
  /*background-image:url(/assets/bg/test3.webp);*/
  /*background-image:url(/assets/bg/test4.jpg);*/
  /*background-image:url(/assets/bg/test5_.png);*/
  /*background-image:url(/assets/bg/test6.jpg);*/
  background-image:url(/assets/section/xmas/40573_Prod.webp);
  /*background-image:url(/assets/meta/meta2.jpg);*/
  /*background-size:1600px 900px;*/
  /*background-position:left bottom;*/
  /*background-size:cover;*/
  background-size:contain;
  /*background-size:80%;*/
  background-position:center;
  background-repeat:no-repeat;
}
.product-canvas-body.open,
.product-canvas.open{
  display:flex;
}