/* Desktop shortage images retain the existing text line height and registration target. */
#shippingOrdersPanel .shipping-shortage-inline-image { display:none; }
@media (min-width:769px) {
 html body:not(.is-mobile-viewport) #shippingOrdersPanel .shipping-shortage-inline-image { display:inline-block; width:1em; height:1em; margin-right:5px; vertical-align:-.12em; border-radius:3px; overflow:hidden; background:#f2f2f5; }
 html body:not(.is-mobile-viewport) #shippingOrdersPanel .shipping-shortage-inline-image[hidden] { display:none; }
 html body:not(.is-mobile-viewport) #shippingOrdersPanel .shipping-shortage-inline-image img { display:block; width:100%; height:100%; object-fit:contain; }
 html body:not(.is-mobile-viewport) #shippingShortageImagePreview { position:fixed; inset:auto; margin:0; padding:8px; width:240px; height:240px; box-sizing:content-box; border:1px solid #e8e8ec; border-radius:14px; background:white; box-shadow:0 8px 28px #00000020; pointer-events:none; }
 html body:not(.is-mobile-viewport) #shippingShortageImagePreview canvas { display:block; width:240px; height:240px; }
}