@page {
  box-sizing: border-box;
  size: 246mm 306mm;
  margin: 0;
}

@page listPage {
  margin-top: 7mm;
  margin-bottom: 7mm;
  size: 246mm 306mm;
}

@page colorLines {
  margin: 8mm;
  size: 246mm 306mm;
}

@page textBreak {
  margin: 8mm;
  size: 246mm 306mm;
}



@media print {
  body {
    font-size: 6pt;
    -webkit-text-stroke: 0.7pt var(--grey);
    stroke-linejoin: round;
    paint-order: stroke fill;
  }

  .page-break-text {
    page: textBreak;
    display: block;

    div {
      width: 230mm;
      break-inside: avoid;
      page: textBreak;
    }
  }

  .list-wrapper {
    padding: 1mm 8mm 1mm 8mm;
    /* padding: 1mm 5mm 1mm 5mm; */
    width: 113.5%;
    page: listPage;
    /* break-before: page; */
  }

  .full-color-page {
    margin: 1mm 8mm 1mm 8mm;
    page: listPage;
    break-before: page;

    .color-proofing-squares {
      margin-right: 2.4mm;
      margin-bottom: 2.6mm;  
    }
    .proof-square {
      width: 4mm;
      height: 4mm;
      margin-right: 0;
    }
  }
  .color-line-page {
    padding: 0;
    margin: 0;
    display: block;
    page: colorLines;
    width: 230mm;
    break-after: always;

    .color-proofing-squares {
      page: colorLines;
      width: 230mm;
      /* margin-left: -2mm; */
    }
    .color-plus-name {
      page: colorLines;
      break-inside: avoid;
    }
    .proof-square {
      width: 2mm;
      height: 2mm;
      margin-right: 0;
    }
  }
  

  .overflow-container {
    overflow: visible;
    display: none;
    /* overflow: hidden;
    width: 0;
    height: 0;
    opacity: 0; */
  }

  .image-wrapper {
    break-inside: avoid;

    .actual-size-img {
      display: none;
    }
  }
  .description-wrapper {
    break-inside: avoid;
  }

  .text-page {
    width: 246mm;
    height: 306mm;
    break-inside: avoid;
    padding: 2mm;

    &.with-margin {
      padding: 8mm;
      /* page: listPage; */
      height: auto
    }
  }

  .white-page {
    display: none;
  }

  .full-image-wrapper,
  .text-page.full-image-wrapper {
    width: 246mm;
    height: 306mm;
    break-inside: avoid;

    &.smaller-image {
      padding: 0 3mm;
    }

    &.double-page-left {
      img {
        transform: translateX(calc(33.333% - 3mm));
      }
    }
    &.double-page-right {
      img {
        transform: translateX(calc(-33.333% + 3mm));
      }
    }
  }

  .txt-static .full-image-data {
    padding: 0mm 3.5mm 0mm 3.5mm;
  }
  .full-image-data {
    padding: 2.5mm 3.5mm 2.5mm 3.5mm;
  }

}