.shipper-preview{background:#eee;padding:18px;overflow:auto}.shipper-sheet{box-sizing:border-box;background:white;color:#000;font-family:Arial,Helvetica,sans-serif;font-size:12pt;line-height:1.25;width:100%;max-width:7.5in;margin:auto;padding:0.15in}.shipper-header{display:flex;align-items:flex-start;gap:0.18in;min-height:1.65in}.shipper-logo{width:1.2in;height:1.2in;object-fit:contain;flex:none}.shipper-business{flex:1;min-width:0;padding-top:0.12in;white-space:pre-line;overflow-wrap:anywhere;font-size:9pt}.shipper-business h1{font-size:14pt;line-height:1.15;margin:0 0 5pt;letter-spacing:0;color:#000}.shipper-thanks{font-size:24pt;white-space:nowrap;line-height:1.05}.shipper-order{margin:0.4in 0 0.35in;break-inside:avoid;font-size:12pt}.shipper-order>div{margin:2pt 0;overflow-wrap:anywhere}.shipper-order span{white-space:pre-line}.shipper-items{width:100%;border-collapse:collapse;white-space:normal;font:inherit;color:#000;table-layout:fixed}.shipper-items th,.shipper-items td{background:white!important;border:0!important;padding:10pt 0!important;font:inherit!important;color:#000!important;vertical-align:top;overflow-wrap:anywhere}.shipper-items th{font-weight:700!important;text-align:left}.shipper-items th:last-child,.shipper-items td:last-child{width:23%;text-align:center}.shipper-items tr{break-inside:avoid}.shipper-items thead{display:table-header-group}.shipper-pickup{white-space:pre-line;font-size:11pt}.shipper-controls{margin-bottom:16px}
.shipper-preview .shipper-sheet{width:7.5in;max-width:none;min-height:10in;padding:0;zoom:var(--shipper-preview-scale,1)}
.shipper-header{display:grid;grid-template-columns:1.2in minmax(0,1fr) max-content;gap:0.18in;align-items:start;break-inside:avoid}
.shipper-logo{grid-column:1;grid-row:1}.shipper-business{grid-column:2;grid-row:1}.shipper-thanks{grid-column:3;grid-row:1;justify-self:end;align-self:start;width:auto;margin:0;white-space:nowrap;font-size:24pt}
.shipper-header:not(:has(.shipper-logo)){grid-template-columns:minmax(0,1fr) max-content}.shipper-header:not(:has(.shipper-logo)) .shipper-business{grid-column:1}.shipper-header:not(:has(.shipper-logo)) .shipper-thanks{grid-column:2}
@media screen and (max-width:700px){.shipper-preview{padding:10px}}
@page{size:letter;margin:0.5in}
@media print{html,body{background:white!important}body>*:not(#print-area){display:none!important}dialog::backdrop{display:none!important}#print-area{display:block!important;padding:0!important;color:black}#print-area .shipper-sheet{max-width:none;width:100%;padding:0;margin:0}#print-area .shipper-business h1{font-size:14pt}#print-area .shipper-items th,#print-area .shipper-items td{padding:10pt 0!important;border:0!important}#print-area .shipper-header{min-height:1.65in}#print-area .shipper-order{margin-top:0.4in}}

@media print{#print-area .shipper-sheet{zoom:1;min-height:0}#print-area .shipper-header{display:grid;align-items:start;break-inside:avoid}#print-area .shipper-thanks{grid-row:1;justify-self:end;align-self:start;width:auto;margin:0;font-size:24pt;white-space:nowrap}}