.barcode-preview-host{padding:1rem}.barcode-label{color:#000;box-sizing:border-box;background:#fff;flex-direction:column;justify-content:center;align-items:center;gap:1mm;display:flex}.barcode-label--preview[data-size="20x30"]{border:1px dashed #d4d4d8;width:40mm;height:60mm;padding:2mm}.barcode-label--preview[data-size="30x20"]{border:1px dashed #d4d4d8;width:60mm;height:40mm;padding:2mm}.barcode-label--preview svg{max-width:100%;height:auto}.barcode-label__text{letter-spacing:.04em;text-align:center;word-break:break-all;font-family:Arial,Helvetica,sans-serif;font-size:8pt;font-weight:600;line-height:1}.barcode-print-host{display:none}body.barcode-print-active .barcode-print-host{display:block}@media print{body.barcode-print-active *{visibility:hidden}body.barcode-print-active .barcode-print-host,body.barcode-print-active .barcode-print-host *{visibility:visible}body.barcode-print-active .barcode-print-host{position:absolute;top:0;left:0;display:block!important}.barcode-print-host[data-size="20x30"]{width:20mm}.barcode-print-host[data-size="30x20"]{width:30mm}.barcode-label--print{page-break-after:always;-moz-column-break-after:page;break-after:page;overflow:hidden}.barcode-print-host[data-size="20x30"] .barcode-label--print{width:20mm;height:30mm;padding:1.5mm 1mm 1mm}.barcode-print-host[data-size="30x20"] .barcode-label--print{width:30mm;height:20mm;padding:1mm 1.5mm}.barcode-label--print svg{max-width:100%;height:auto}.barcode-print-host[data-size="20x30"] .barcode-label__text{font-size:6pt}.barcode-print-host[data-size="30x20"] .barcode-label__text{font-size:5.5pt}.barcode-label--print:last-child{page-break-after:auto;-moz-column-break-after:auto;break-after:auto}}