
.skin-wire-lg *,
.skin-wire-sm * {

  pointer-events:none !important;
  touch-action: none !important;
}

.skin-wire-lg > .cube-3d-side,
.skin-wire-sm > .cube-3d-side {

	background-size:100% 100%; 
	background-position: center; 
	background-repeat: no-repeat;
    transform-style: flat;

	-webkit-backface-visibility: visible;
    		backface-visibility: visible;
    --wire1:calc( (var(--width)  + var(--offset) ) *  0.068);
    --wire2:calc( (var(--height) + var(--offset) ) *  0.068);
  	width: calc( var(--units) * ( var(--width)  + var(--offset) + var(--wire1) ) );  
  	height:calc( var(--units) * ( var(--height) + var(--offset) + var(--wire2) ) );
      image-rendering: smooth;
      pointer-events:none;
}


.skin-wire-lg > .cube-3d-side > picture,
.skin-wire-sm > .cube-3d-side > picture {  

  position:absolute;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;


  padding:0; margin:0; object-fit: cover; 
  width: calc( var(--units) * ( var(--width)  + var(--offset) + var(--wire1) ) );  
  height:calc( var(--units) * ( var(--width) + var(--offset) + var(--wire1) ) );
  pointer-events:none;

}

.skin-wire-lg > .cube-3d-side:nth-child(-n+4) > picture,
.skin-wire-sm > .cube-3d-side:nth-child(-n+4) > picture {  
    width: calc( var(--units) * ( var(--width)  + var(--offset) + var(--wire1) ) );  
    height:calc( var(--units) * ( var(--height) + var(--offset) + var(--wire2) ) );
 
}


.skin-wire-lg > .cube-3d-side > picture img,
.skin-wire-sm > .cube-3d-side > picture img {  

  position:absolute;
  display:block;
  padding:0; margin:0; object-fit: cover; 
  width: calc( var(--units) * ( var(--width) + (var(--wire1) * 0.5) ) );  
  height:calc( var(--units) * ( var(--width) + (var(--wire1) * 0.5) ) );
  pointer-events:none;

}

.skin-wire-lg > .cube-3d-side:nth-child(-n+4) > picture img,
.skin-wire-sm > .cube-3d-side:nth-child(-n+4) > picture img  {  
    width: calc( var(--units) * ( var(--width)  + (var(--wire1) * 0.5) ) );  
    height:calc( var(--units) * ( var(--height) + (var(--wire2) * 0.5) ) );
 
}





.skin-wire-lg > .cube-3d-side:nth-child(5),
.skin-wire-lg > .cube-3d-side:nth-child(6),
.skin-wire-sm > .cube-3d-side:nth-child(5),
.skin-wire-sm > .cube-3d-side:nth-child(6){ 
  	width: calc( var(--units) * ( var(--width) + var(--offset) + var(--wire1) ) );
  	height:calc( var(--units) * ( var(--width) + var(--offset) + var(--wire1) ) );
}
.skin-wire-lg > .cube-3d-side { background-image:url(./assets/wire_chevrons.svg); }
.skin-wire-lg[data-accentcolor='#bbeeff'] > .cube-3d-side { background-image:url(./assets/wire_chevrons.svg); }
.skin-wire-lg[data-accentcolor='#cf090a'] > .cube-3d-side { background-image:url(./assets/wire_chevrons.svg); }

.skin-wire-sm > .cube-3d-side { background-image:url(./assets/wire_chevrons.svg); }
.skin-wire-sm[data-accentcolor='#bbeeff'] > .cube-3d-side { background-image:url(./assets/wire_chevrons.svg); }
.skin-wire-sm[data-accentcolor='#cf090a'] > .cube-3d-side { background-image:url(./assets/wire_chevrons.svg); }





