.preview-template-artwork-section{
  position: absolute;

  width: 100%;
  height: 95%;
  padding: 15px 0;

  box-shadow: 0px 0px 2px black;
  z-index: 100;
}
.super-lanyard-artwork{
  position: absolute;
  top: 18.2%;
  left: 50%;
  transform: translateX(-50%);
  height: 7.2cm;
  width: 105px;
}

.left-super-lanyard-template-artwork img{
  position: absolute;
  height: 7.2cm;
  top: 0px;
  left: 0px;
}
.right-super-lanyard-template-artwork img{
  position: absolute;
  height: 7.2cm;
  top: 0px;
  left: 0px;
}

/* 10mm */
.left-super-lanyard-one-end-10mm-template-artwork {
  position: absolute;
  top: 0;
  left: 29%;
  height: 7.2cm;
  width: 0.16cm;
  border: 1px solid black;
  transform:  skewX(7.5deg) perspective(7.5vw) ;
}

.right-super-lanyard-one-end-10mm-template-artwork {
  position: absolute;
  top: 0;
  right: 29%;
  height: 7.2cm;
  width: 0.16cm;
  border: 1px solid black;
  transform:  skewX(-7.5deg) perspective(7.5vw);
}

/* 15mm */
.left-super-lanyard-one-end-15mm-template-artwork {
  position: absolute;
  top: 0;
  left: 27.5%;
  height: 7.2cm;
  width: 0.24cm;
  border: 1px solid black;
  transform:  skewX(7.5deg) perspective(7.5vw) ;
}

.right-super-lanyard-one-end-15mm-template-artwork {
  position: absolute;
  top: 0;
  right: 27.5%;
  height: 7.2cm;
  width: 0.24cm;
  border: 1px solid black;

  transform:  skewX(-7.5deg) perspective(7.5vw) ;
}






/* 20mm */
.left-super-lanyard-one-end-20mm-template-artwork {
  position: absolute;
  top: 0;
  left: 26.0%;
  height: 7.2cm;
  width: 0.32cm;
  border: 1px solid black;

  transform:  skewX(7.5deg) perspective(7.5vw) ;
}

.right-super-lanyard-one-end-20mm-template-artwork {
  position: absolute;
  top: 0;
  right: 26.0%;
  height: 7.2cm;
  width: 0.32cm;
  border: 1px solid black;

  transform:  skewX(-7.5deg) perspective(7.5vw) ;
}


/* 25mm */
.left-super-lanyard-one-end-25mm-template-artwork {
  position: absolute;
  top: 0;
  left: 24.5%;
  height: 7.2cm;
  width: 0.4cm;
  border: 1px solid black;

  transform:  skewX(7.5deg) perspective(7.5vw) ;
  overflow: hidden;
}

.right-super-lanyard-one-end-25mm-template-artwork {
  position: absolute;
  top: 0;
  right: 24.5%;
  height: 7.2cm;
  width: 0.4cm;
  border: 1px solid black;

  transform:  skewX(-7.5deg) perspective(7.5vw) ;
}










/* 30mm */
.left-super-lanyard-one-end-30mm-template-artwork {
  position: absolute;
  top: 0;
  left: 23.3%;
  height: 7.2cm;
  width: 0.48cm;
  border: 1px solid black;

  transform:  skewX(7.5deg) perspective(7.5vw) ;
}

.right-super-lanyard-one-end-30mm-template-artwork {
  position: absolute;
  top: 0;
  right: 23.3%;
  height: 7.2cm;
  width: 0.48cm;
  border: 1px solid black;

  transform:  skewX(-7.5deg) perspective(7.5vw) ;
}

/**/





.left-super-lanyard-two-end-10mm-template-artwork {
  position: absolute;
  top: 0;
  left: 10%;
  height: 7.2cm;
  width: 0.16cm;
  border: 1px solid black;

}

.right-super-lanyard-two-end-10mm-template-artwork {
  position: absolute;
  top: 0;
  right: 10%;
  height: 7.2cm;
  width: 0.16cm;
  border: 1px solid black;

}



/* 15mm */
.left-super-lanyard-two-end-15mm-template-artwork {
  position: absolute;
  top: 0;
  left: 10%;
  height: 7.2cm;
  width: 0.24cm;
  border: 1px solid black;

}

.right-super-lanyard-two-end-15mm-template-artwork {
  position: absolute;
  top: 0;
  right: 10%;
  height: 7.2cm;
  width: 0.24cm;
  border: 1px solid black;

}






/* 20mm */
.left-super-lanyard-two-end-20mm-template-artwork {
  position: absolute;
  top: 0;
  left: 10%;
  height: 7.2cm;
  width: 0.32cm;
  border: 1px solid black;

}

.right-super-lanyard-two-end-20mm-template-artwork {
  position: absolute;
  top: 0;
  right: 10%;
  height: 7.2cm;
  width: 0.32cm;
  border: 1px solid black;

}






/* 25mm */
.left-super-lanyard-two-end-25mm-template-artwork {
  position: absolute;
  top: 0;
  left: 10%;
  height: 7.2cm;
  width: 0.4cm;
  border: 1px solid black;

}

.right-super-lanyard-two-end-25mm-template-artwork {
  position: absolute;
  top: 0;
  right: 10%;
  height: 7.2cm;
  width: 0.4cm;
  border: 1px solid black;

}





/* 25mm */
.left-super-lanyard-two-end-30mm-template-artwork {
  position: absolute;
  top: 0;
  left: 10%;
  height: 7.2cm;
  width: 0.48cm;
  border: 1px solid black;

}

.right-super-lanyard-two-end-30mm-template-artwork {
  position: absolute;
  top: 0;
  right: 10%;
  height: 7.2cm;
  width: 0.48cm;
  border: 1px solid black;

}










.left-super-lanyard-one-end-10mm-attachment-template-artwork{
  position: absolute;
  top: 0;
  left: 29%;
  height: 7.2cm;
  width: 0.16cm;
  border: 1px solid black;

  transform:  skewX(7.5deg) perspective(7.5vw) ;
}
.right-super-lanyard-one-end-10mm-attachment-template-artwork{
  position: absolute;
  top: 0;
  right: 29%;
  height: 7.2cm;
  width: 0.16cm;
  border: 1px solid black;

  transform:  skewX(-7.5deg) perspective(7.5vw);
}

.center-super-lanyard-one-end-10mm-attachment-template-artwork{
  position: absolute;
  height: 0.8cm;
  width: 0.16cm;
  bottom: calc(-0.8cm - 0.58cm);
  left: 50%;
  transform: translateX(-50%);

  border: 1px solid black;
  z-index: 0;
  overflow: hidden;
}










.left-super-lanyard-one-end-15mm-attachment-template-artwork{
  position: absolute;
  top: 0;
  left: 27.5%;
  height: 7.2cm;
  width: 0.24cm;
  border: 1px solid black;

  transform:  skewX(7.5deg) perspective(7.5vw) ;
}
.right-super-lanyard-one-end-15mm-attachment-template-artwork{
  position: absolute;
  top: 0;
  right: 27.5%;
  height: 7.2cm;
  width: 0.24cm;
  border: 1px solid black;

  transform:  skewX(-7.5deg) perspective(7.5vw) ;
}
.center-super-lanyard-one-end-15mm-attachment-template-artwork{
  position: absolute;
  height: 0.8cm;
  width: 0.24cm;
  bottom: calc(-0.8cm + -0.65cm);
  left: 50%;
  transform: translateX(-50%);

  border: 1px solid black;
  z-index: 0;
  overflow: hidden;
}














.left-super-lanyard-one-end-20mm-attachment-template-artwork{
  position: absolute;
  top: 0;
  left: 26.0%;
  height: 7.2cm;
  width: 0.32cm;
  border: 1px solid black;

  transform:  skewX(7.5deg) perspective(7.5vw) ;
}
.right-super-lanyard-one-end-20mm-attachment-template-artwork{
  position: absolute;
  top: 0;
  right: 26.0%;
  height: 7.2cm;
  width: 0.32cm;
  border: 1px solid black;

  transform:  skewX(-7.5deg) perspective(7.5vw) ;
}
.center-super-lanyard-one-end-20mm-attachment-template-artwork{
  position: absolute;
  height: 0.8cm;
  width: 0.32cm;
  bottom: calc(-0.8cm + -0.78cm);
  left: 50%;
  transform: translateX(-50%);

  border: 1px solid black;
  z-index: 0;
  overflow: hidden;
}
















.left-super-lanyard-one-end-25mm-attachment-template-artwork{
  position: absolute;
  top: 0;
  left: 24.5%;
  height: 7.2cm;
  width: 0.4cm;
  border: 1px solid black;

  transform:  skewX(7.5deg) perspective(7.5vw) ;
}
.right-super-lanyard-one-end-25mm-attachment-template-artwork{
  position: absolute;
  top: 0;
  right: 24.5%;
  height: 7.2cm;
  width: 0.4cm;
  border: 1px solid black;

  transform:  skewX(-7.5deg) perspective(7.5vw) ;
}
.center-super-lanyard-one-end-25mm-attachment-template-artwork{
  position: absolute;
  height: 0.8cm;
  width: 0.4cm;
  bottom: calc(-0.8cm + -0.9cm);
  left: 50%;
  transform: translateX(-50%);

  border: 1px solid black;
  z-index: 0;
  overflow: hidden;
}














.left-super-lanyard-one-end-30mm-attachment-template-artwork{
  position: absolute;
  top: 0;
  left: 23.3%;
  height: 7.2cm;
  width: 0.48cm;
  border: 1px solid black;

  transform:  skewX(7.5deg) perspective(7.5vw) ;
}
.right-super-lanyard-one-end-30mm-attachment-template-artwork{
  position: absolute;
  top: 0;
  right: 23.3%;
  height: 7.2cm;
  width: 0.48cm;
  border: 1px solid black;

  transform:  skewX(-7.5deg) perspective(7.5vw) ;
}
.center-super-lanyard-one-end-30mm-attachment-template-artwork{
  position: absolute;
  height: 0.8cm;
  width: 0.48cm;
  bottom: calc(-0.8cm + -0.99cm);
  left: 50%;
  transform: translateX(-50%);

  border: 1px solid black;
  z-index: 0;
  overflow: hidden;
}