/* Keep all package fields inside the modal, including both unit selectors. */
.shipping-workspace .package-container{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-start;gap:22px 12px;min-width:0;max-width:100%;box-sizing:border-box;padding:26px 12px 16px}
.shipping-workspace .package-container>*{min-width:0;box-sizing:border-box}
.shipping-workspace .package-container .package-number{flex:0 0 28px}
.shipping-workspace .package-container select.package-select{flex:1 1 210px;width:210px;max-width:300px}
.shipping-workspace .package-container select[data-package-dimension-unit],.shipping-workspace .package-container select[data-package-weight-unit]{flex:0 1 160px;width:160px;max-width:100%}
.shipping-workspace .package-container .number-input-buttons{flex:0 0 132px;width:132px;min-width:0;max-width:100%}
.shipping-workspace .package-container .number-input-buttons input{flex:1 1 0;min-width:0;width:calc(100% - 60px)}
.shipping-workspace .package-container .number-input-buttons .minus-button,.shipping-workspace .package-container .number-input-buttons .plus-button{flex:0 0 30px}
.shipping-workspace .package-container .button--duplicate{flex:0 1 auto;grid-column:auto;max-width:100%;white-space:normal}
.shipping-workspace .package-container .button--remove{flex:0 0 26px;position:static}
@media(max-width:540px){
 .shipping-workspace .package-container select.package-select{flex-basis:calc(100% - 40px);max-width:none}
 .shipping-workspace .package-container select[data-package-dimension-unit],.shipping-workspace .package-container select[data-package-weight-unit]{flex:1 1 140px}
}