@media print {
  html,
  body,
  #root {
    width: auto !important;
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
  }

  main,
  .overflow-y-auto,
  .overflow-x-auto {
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
  }

  html::-webkit-scrollbar,
  body::-webkit-scrollbar,
  main::-webkit-scrollbar,
  .overflow-y-auto::-webkit-scrollbar,
  .overflow-x-auto::-webkit-scrollbar {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
  }

  .print\:hidden {
    display: none !important;
  }
}