@media screen {
    .pagedjs_page {
        margin: 1.5rem auto;
        background: #FFF;
    }
    dialog {
        box-shadow: 3px 3px 10px 2px rgba(0, 0, 0, 0.4);
        border-radius: 5px;
        border: none;
    }
    dialog::backdrop {
        background-color: rgba(0, 0, 0, 0.5);
    }
}

@media print {
    body * { margin: 0 }
    #app, .no-print, dialog::backdrop  {
        display: none;
        visibility: hidden;
    }
    dialog, .modal-content {
        padding: 0 !important;
        border: none !important;
        overflow: visible !important;
        position: static !important;
    }
    #preview {
        margin: 0 !important;
    }
    .preview-container {
        background: #FFF !important;
        overflow: hidden !important;
    }
    #modal-container {
        padding-top: 0 !important;
    }
}