@media print {
  @page {
    size: A4 landscape;
    margin: 0;
  }

  html,
  body {
    width: 297mm !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    scrollbar-width: none !important;
    -ms-overflow-style: none !important;
  }

  body {
    -webkit-print-color-adjust: exact !important;
    print-color-adjust: exact !important;
  }

  div.slides {
    display: block !important;
    width: 297mm !important;
    height: auto !important;
    overflow: visible !important;
    scroll-snap-type: none !important;
  }

  div.slide-container {
    display: flex !important;
    position: relative !important;

    width: 297mm !important;
    height: 210mm !important;
    min-height: 210mm !important;
    max-height: 210mm !important;

    box-sizing: border-box !important;

    margin: 0 !important;
    padding: 10mm !important;

    justify-content: center !important;
    align-items: center !important;

    break-inside: avoid !important;
    page-break-inside: avoid !important;
    break-after: auto !important;
    page-break-after: auto !important;
  }

  div.slide-container + div.slide-container {
    break-before: page !important;
    page-break-before: always !important;
  }

  div.slide {
    display: flex !important;
    flex-direction: column !important;

    width: 277mm !important;
    height: 155.8125mm !important;

    min-width: 0 !important;
    max-width: 277mm !important;
    min-height: 0 !important;
    max-height: 155.8125mm !important;

    aspect-ratio: 16 / 9;

    box-sizing: border-box !important;

    margin: 0 !important;
    padding: 1cqw 1cqw 0 1cqw !important;

    container-type: inline-size;

    border: 0.5cqw dashed #f0f !important;

    --font-scale: 0.8cqw;

    box-shadow: none !important;

    break-inside: avoid !important;
    page-break-inside: avoid !important;
  }
}