@media print {
    body * {
        visibility: hidden;
    }
    .badge-preview-container, .badge-preview-container * {
        visibility: visible;
    }
    .badge-preview-container {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        margin: 0;
        padding: 0;
        border: none !important;
    }
    .no-print {
        display: none !important;
    }
    
    /* Hide browser default headers/footers if possible (browser dependent) */
    @page {
        margin: 0;
    }
}

.badge-preview-container {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 20px;
    border: 1px dashed #ccc;
    background: white;
}