.attachment{
  display: none;
}
.attachmentThing{
  position: absolute;
  display: flex;
  align-items: center;
  display: none;
}
.os-attachment-10{
  top: 46%;
  width: 5%;
  left: 47.8%;
}
.os-attachment-15{
  top: 47%;
  width: 6%;
  left: 47.5%;
}
.os-attachment-20{
  top: 48.7%;
  width: 7%;
  left: 46.8%;
}
.os-attachment-25{
  top: 47.4%;
  width: 8.5%;
  left: 45.5%;
}
.os-attachment-30{
  top: 47.1%;
  width: 9.8%;
  left: 45.3%;
}





.ts-attachment-30mm-l {
  top: 48.5%;
  width: 9%;
  left: 33.5%;
}

.ts-attachment-30mm-r {
  top: 48.5%;
  width: 9%;
  left: 57.7%;
}

.ts-attachment-25mm-l {
  top: 48.5%;
  width: 8%;
  left: 33.5%;
}

.ts-attachment-25mm-r {
  top: 48.5%;
  width: 8%;
  left: 58.3%;
}

.ts-attachment-20mm-l {
  top: 48.5%;
  width: 7%;
  left: 33.8%;
}

.ts-attachment-20mm-r {
  top: 48%;
  width: 7%;
  left: 59.5%;
}

.ts-attachment-15mm-l {
  top: 47%;
  width: 6%;
  left: 33.7%;
}

.ts-attachment-15mm-r {
  top: 47%;
  width: 6%;
  left: 60.6%;
}

.ts-attachment-10mm-l {
  top: 46%;
  width: 5%;
  left: 34.3%;
}

.ts-attachment-10mm-r {
  top: 46%;
  width: 5%;
  left: 60.5%;
}


























.preview-attachment-class{
  position: absolute;
  top: 65.3%;
  left: 50%;
  transform: translateX(-50%);
  height: 100px;
  width: 150px;
  display: none;
  z-index: 2;
}


.container-attachment-one-end{
  background: orange;
}
.container-attachment-two-end{
  background: brown;
}



.attachment-one-end img{
  height: 100%;
  width: 100%;
}
.attachment-two-end-left img{
  height: 100%;
  width: 100%;
}
.attachment-two-end-right img{
  height: 100%;
  width: 100%;
}



.attachment-one-end-10mm{
  position: absolute;
  top: 27%;
  left: 50%;
  transform: translateX(-47%);
  height: 0.75cm;
  width: 0.30cm;
}

.attachment-one-end-15mm{
  position: absolute;
  top: 27%;
  left: 50%;
  transform: translateX(-50%);
  height: 0.75cm;
  width: 0.32cm;
}


.attachment-one-end-20mm{
  position: absolute;
  top: 28%;
  left: 50%;
  transform: translateX(-50%);
  height: 0.78cm;
  width: 0.38cm;
}


.attachment-one-end-25mm{
  position: absolute;
  top: 28%;
  left: 50%;
  transform: translateX(-48%);
  height: 0.82cm;
  width: 0.47cm;
}


.attachment-one-end-30mm{
  position: absolute;
  top: 28%;
  left: 50%;
  transform: translateX(-50%);
  height: 0.85cm;
  width: 0.52cm;
}










.attachment-two-end-10mm-left {
  position: absolute;
  height: 0.7cm;
  width: 0.3cm;
  top: -48%;

  left: 20.9%;
  z-index: 2;

}
.attachment-two-end-10mm-right {
  position: absolute;
  height: 0.7cm;
  width: 0.3cm;
  top: -48%;

  right: 20.9%;
  z-index: 2;
}

.attachment-two-end-15mm-left {
  position: absolute;
  height: 0.74cm;
  width: 0.32cm;
  top: -48%;

  left: 21.9%;
  z-index: 2;

}
.attachment-two-end-15mm-right {
  position: absolute;
  height: 0.74cm;
  width: 0.32cm;
  top: -48%;

  right: 21.9%;
  z-index: 2;

}

.attachment-two-end-20mm-left {
  position: absolute;
  height: 0.78cm;
  width: 0.38cm;
  top: -48%;

  left: 22.0%;
  z-index: 2;

}
.attachment-two-end-20mm-right {
  position: absolute;
  height: 0.78cm;
  width: 0.38cm;
  top: -48%;

  right: 22.0%;
  z-index: 2;

}

.attachment-two-end-25mm-left {
  position: absolute;
  height: 0.82cm;
  width: 0.44cm;
  top: -48%;

  left: 22.2%;
  z-index: 2;

}
.attachment-two-end-25mm-right {
  position: absolute;
  height: 0.82cm;
  width: 0.44cm;
  top: -48%;

  right: 22.2%;

  z-index: 2;

}

.attachment-two-end-30mm-left {
  position: absolute;
  height: 0.88cm;
  width: 0.55cm;
  top: -48%;
  left: 22.0%;
  z-index: 2;

}
.attachment-two-end-30mm-right {
  position: absolute;
  height: 0.88cm;
  width: 0.55cm;
  top: -48%;

  right: 22.0%;
  z-index: 2;

}

/**/