.barcode-panel__body[data-v-01fc9d46]{display:flex;flex-direction:row;justify-content:space-between;height:100%;margin-top:4px;position:relative}.barcode-panel__selections[data-v-01fc9d46]{flex:1;margin-right:10px}.barcode-panel__selections .barcode-dropdown[data-v-01fc9d46],.barcode-panel__selections .barcode-input[data-v-01fc9d46]{padding:0;flex:2}.barcode-panel__selections .print-btn-wrapper[data-v-01fc9d46]{flex:1;margin-left:10px;display:flex;justify-content:flex-end}.barcode-panel__selections .barcode-input[data-v-01fc9d46]{margin-bottom:10px;padding:0 .5em}.barcode-panel__selections .barcode-input-invalid[data-v-01fc9d46]{border-color:var(--esp-color-error)}.barcode-panel__selections .bottom__row[data-v-01fc9d46]{display:flex;flex-direction:row}.barcode-panel__barcode[data-v-01fc9d46]{width:60px;height:66px;border-radius:2px;border:1px solid var(--esp-base-border-color);background-color:var(--esp-component-background-color);display:flex;justify-content:center;align-items:center;font-size:.8vw;font-weight:var(--esp-font-weight-normal);text-align:center;color:var(--esp-text-color-primary);padding:0 6px;transition:all .2s ease-in}.barcode-panel__barcode img[data-v-01fc9d46]{max-width:100%;height:auto;max-height:100%;height:45px;width:45px}.barcode-panel__barcode img.code128[data-v-01fc9d46]{height:auto}.barcode-panel__body.modal-style[data-v-01fc9d46]{flex-direction:column}.barcode-panel__body.modal-style .barcode-panel__selections[data-v-01fc9d46]{margin-right:0}.barcode-panel__body.modal-style .barcode-panel__selections .bottom__row .print-btn-wrapper[data-v-01fc9d46]{flex:0}.barcode-panel__body.modal-style .barcode-panel__barcode[data-v-01fc9d46]{height:300px;width:100%;margin-top:10px;font-size:1.35vw;max-width:300px}.barcode-panel__body.modal-style .barcode-panel__barcode img.code128[data-v-01fc9d46]{height:auto;width:100%}.barcode-panel__body.modal-style .barcode-panel__barcode img.datamatrix[data-v-01fc9d46],.barcode-panel__body.modal-style .barcode-panel__barcode img.qrcode[data-v-01fc9d46]{height:150px;width:150px}.barcode-panel__body.modal-style .confirm-barcode[data-v-01fc9d46]{display:none}.confirm-barcode[data-v-01fc9d46]{position:absolute;bottom:-32px;right:0;width:100%;display:flex;justify-content:flex-end}.confirm-barcode--btn[data-v-01fc9d46]{padding:0 4px}.confirm-barcode--btn[data-v-01fc9d46]:first-child{margin-right:5px}.confirm-barcode--btn i[data-v-01fc9d46]{margin-right:0!important;font-weight:var(--esp-font-weight-semibold)}.fade-enter-active[data-v-01fc9d46],.fade-leave-active[data-v-01fc9d46]{transition:opacity .25s ease-in}.fade-enter[data-v-01fc9d46],.fade-leave-to[data-v-01fc9d46]{opacity:0}.generate-button[data-v-01fc9d46]{cursor:pointer;font-size:12px}.barcode-panel-modal--header p[data-v-47d127e2]{margin:0}.barcode-panel-modal--header p[data-v-47d127e2]:nth-child(2){font-size:11px;font-weight:var(--esp-font-weight-semibold);color:var(--esp-header-meta-text-color)}.barcode-panel-modal--footer[data-v-47d127e2]{width:100%;display:flex;justify-content:space-between}.barcode-panel-modal--footer .restart_gray[data-v-47d127e2]{width:16px;height:16px;object-fit:contain}.barcode-panel-modal--footer button:first-child:hover .restart_gray[data-v-47d127e2]{filter:invert(1%) sepia(52%) saturate(3044%) hue-rotate(185deg) brightness(97%) contrast(89%)}.barcode-panel-modal--footer button:first-child span[data-v-47d127e2]{margin-left:6px}.barcode-panel-modal--footer div button[data-v-47d127e2]:first-child{margin-right:6px}.barcode-panel-modal[data-v-47d127e2] .modal-container{min-width:340px}.barcode-panel[data-v-15debc73]{display:flex;flex-direction:column;padding:10px 0 10px 0}.barcode-panel__header[data-v-15debc73]{display:flex;flex-direction:row;justify-content:space-between;align-items:center}.barcode-panel__header p[data-v-15debc73]{margin:0;font-size:12px;font-weight:var(--esp-font-weight-normal);color:var(--esp-text-color-secondary)}.barcode-panel__header .modal-btn[data-v-15debc73]{padding:0}.barcode-panel__header .modal-btn i[data-v-15debc73]{font-size:14px;margin:0}.main[data-v-2b31a303]{padding:20px;width:100%}