@media print {
    html, body {
        height: 100%;
        width: 100%;
        padding: 0;
        margin: 0;
    }
}

:host {
    --page-width: 8.5in;
    --page-height: 11in;
}

@page {
    size: var(--page-width) var(--page-height);
    margin: 0;
    padding: 0;
}

.qr-scan-print {
    --qr-width: 4in;
    --qr-height: 5in;

    .print-page {
        break-inside: avoid;
        height: 100%;
        width: 100%;
        /*padding-top: .5rem;*/
    }
    .print-row {
        break-inside: avoid;
        height: var(--qr-height);
        max-height: 100%;
        width: 100%;
        gap: 1.6rem;
    }
    .print-item {
        width: var(--qr-width);
        height: var(--qr-height);
        border: solid 3px black;
        box-sizing: border-box;
        max-width: 50%;
        max-height: 100%;

        .print-image,
        .print-text {
            width: calc(var(--qr-width) * 0.65);
            max-width: 80%;
        }
    }
}